Grid System Generator » CSS

CSS Framework Battle Royale

admin — Mon, 05 Apr 2010 12:59:20 +0000

CSS frameworks really speed up the web design and development process. We have designed sites with both the 960 grid system and blueprint before. There are a lot of differences between the five main css frameworks, which are discussed on this blog post.

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.

Newspaper Website Design: Trends And Examples

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

News websites can be intriguing to examine from a design perspective. Regardless of what type of news they cover, they all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability and navigational challenges for the designer. The lessons that can be learned from examining how news websites address these challenges can be valuable for designers who work with other types of websites, including ones with blog theme designs.

Showcase Of Clean And Minimalist Designs

admin — Sat, 11 Jul 2009 15:58:56 +0000

Minimalism, in the context of design, refers to simple, unadorned designs that embody only the most basic and fundamental needs. In art, it is a movement that has its roots in the post-World War II era, started by highly regarded minimalist artists such as Donald Judd, Carl Andre, and Robert Morris. Minimalism today refers to a certain style (or even a certain attitude or way of life) that transcends different fields, such as architecture, philosophy, law and, of course, Web design.

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.

7 Principles Of Clean And Optimized CSS Code

admin — Wed, 08 Jul 2009 12:19:43 +0000

Some of you may remember the days when 30KB was the recommended maximum size of a web page, a value which included HTML, CSS, JavaScript, Flash, and images. I find with every new project with even the slightest bit of complexity, it’s not long before that 30 KB ideal is well out of my reach. With the popularity of CSS layouts and JavaScript-enriched web page experiences, it’s not uncommon, particularly for large sites, for the CSS files alone to jump well beyond that 30KB ceiling.

50 Extremely Useful And Powerful CSS Tools

admin — Wed, 08 Jul 2009 12:12:53 +0000

We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public.

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.