When it comes to website development there is not a lot better than a semantic, flexible, professionally crafted grid system, forming a “safe and sound” structure. It is the most viable and reliable solution that skillfully and effectively deals with all the dirty issues of today’s designs. For the past decade, the diversity of this kind of instruments has been considerably increased and constantly improved. There are pure CSS grids and mixed ones, simple style sheet files and complex pre-made frameworks, responsive and fixed, well-formatted and poorly formatted, some includes gutters others not – you are confronted with a plethora of choices. However, as you delve more deeply into this concept, it becomes obvious that each project requires its own solution and not every underlying system meets every project’s requirements and personal preferences. As always, the choice will depend on what you want to achieve in the end.
If you opt for using pre-processing instruments in order to perfect your style sheets by getting the most out of such advanced features as variables, mixins, nesting (in other words, derive benefits from possibilities hidden in Sass) then you should take a quick glance at our article that focuses on sass-based grid systems: from powerful multifunctional frameworks to specific unidirectional solutions and DIY tutorials, we have covered different ready-to-use means.
Tutorials and Howtos
Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball. Visit her blog or follow her on twitter