In my last post, I mentioned that I will use Compass. I went one step ahead and used the foundation template from zurb. It is built using Sass. The added advantage it had over the hand crafted sass I had created was it is responsive.
Responsive does not mean fast in this context. It means that the layout adapts to the size of the device. It is very easy to tell it how to layout differently on different devices. It also has a simple naming convention for the columns. Just like YUI does, but without all the hard work.
Of course, to make the website very custom, I still need to do a lot of hand coding the Sass, but for now I am just using the default styles, which are awesome as they are. Here are some screen shots to capture the way pomsapp looks now. I am sure they will change eventually to become even better. I had this level of design and aesthetics in the application about a month ago, but have been a bit slow posting it on the blog.
Notice that there is a Support link on all pages. I am using Freshdesk for the support software. It is very cool, easy to use, and in all ways the right solution for pomsapp at this stage. Click on any image to see it larger.
The Home page
The Pricing Matrix
A Tour of the Features
The Support site home page
Login. The window floats down nicely
Once you login, you see the feed
We are now working on the account management screens and the state transitions. Btw we found an excellent state transition engine. It is a ruby gem called state_machine.