Grid System Generator » Grid systems

4 CSS Grid Systems and Why

admin — Fri, 17 Jul 2009 14:02:20 +0000

Following our last CSS-related post, we decided to talk about css grid systems and the reasons to use them.

If you take the time to learn how to work with these CSS frameworks, it will provide for a better programming experience with modern and appealing visual results while giving you a foundation and guidelines to start from. It allows for a efficient way of guiding the user through the page content and an easier manage experience.

PixelGrid – X

admin — Tue, 14 Jul 2009 13:15:48 +0000

PixelGrid – X is a grid system build by Jens Törnell.

The concept is different from the other gridsystems since it uses a .box class to define your margin.

A PixelGrid – X generator is coming soon!

MyCSS Grid system

admin — Sun, 12 Jul 2009 15:38:30 +0000

MyCSS grid system is a very simple CSS grid system that can be used for blogs and creative websites It also uses the best divine proportion in web design. The grid system is created by Kailoon.

Grid-Based Design: Six Creative Column Techniques

admin — Sun, 12 Jul 2009 15:02:00 +0000

Grid systems bring visual structure and balance to site design. As a tool grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer’s point of view they allow for an organized methodology for planning systematic layouts.

How To Create A Great Web Design CV and Résumé?

admin — Sun, 12 Jul 2009 15:00:53 +0000

The economy is bad. No one’s job is really 100% safe, so it’s time we all bucked up and got our recession bags packed (just in case!). Your portfolio is already gorgeous, but have you created a drool-worthy résume.

35 CSS-Lifesavers For Efficient Web Design

admin — Sun, 12 Jul 2009 14:54:14 +0000

CSS-design is not easy. We need to find workaround across browser inconsistencies, not that easy CSS-concepts and quite counterintuitive CSS-solutions. However, there are effective and useful CSS-tools and Smashing Magazine reviewed many of them in our previous posts. Now it’s time to present you with some fresh (or not mentioned earlier) tools that can assist designers in their work.

Award-Winning Newspaper Designs

admin — Sat, 11 Jul 2009 15:59:21 +0000

Print and Web are different. Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts (e.g. text floating around an embedded image; some “floating” techniques provide such results, however they produce bloated source code just as well).

Applying Divine Proportion To Your Web Designs

admin — Wed, 08 Jul 2009 12:21:16 +0000

Since the Renaissance, many artists and architects have proportioned their works to approximate the golden ratio — especially in the form of the golden rectangle, in which the ratio of the longer side to the shorter is the golden ratio. The rationale behind it is the belief that this proportion is organic, universal, harmonic and aesthetically pleasing. Indeed, being evident everywhere in the universe (in fact, many things around us can be expressed in this ratio), divine proportion (which is also called Golden ratio, divine section, golden cut and mean of Phidias) is probably the most known law of proportion which can dramatically improve the communication of your design.

Adaptive CSS-Layouts: New Era In Fluid Layouts?

admin — Wed, 08 Jul 2009 12:00:56 +0000

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

Designing With Grid-Based Approach

admin — Sun, 05 Jul 2009 13:22:25 +0000

The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it’s quite hard to find your way through all the theory behind grid systems: it isn’t easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.

And this is what this article is all about. Inspired by Khoi Vinn’s and Mark Boulton’s presentation Grids are Good, we’ve decided to take a deep look in the articles about grid-based designs. We’ve read through over 50 articles and selected some of the most important and interesting facts web-developers should know about the grid-based approach. Besides, we’ve listed the most useful references, tutorials and tools we found – with precise descriptions of what the articles are about