How to effectively use the Frameless grid?

Question

I\'m starting building a website good for mobile devices too. So I\'m also starting studying media queries and the various grid frameworks. I\'ve taken a look to all the \'main

Answer 1

If you're coming at css from a programming side, I highly recommend less. It will really put css into your programming mind in a good way.

One of the issues I've had was the concept of processing your css on each page load (which is probably no worse than processing a javascript framework) or setting up the less compiler to run on your server.

There is a better way. Simply install winless if you're on windows or Less app for OS X. They are simple file watchers that will compile your finished css every time you make a change to your .less files. If you set your project up like this:

/styles /css /less

They will both put your compiled css files in the css directory. Then you can link your html to the css files and not have to worry about compiling on the fly. They both work great with your source control platform as well.

Less only has about a page of documentation, so you can get into it and be proficient in about an hour or so. It's really fun to work with because you pretty much already know the syntax if you know css. Less is a superset of css, so everything you know about css is still valid. The few less syntax additions are really easy to grasp.

I prefer the frameless setup a little more than the Less Framework, but that's a matter of choice.

Also, if you need a little more than the frameless docs give you, make sure you check out the css that's used for the actual site.

Have fun!