Guymon

CSS: Fluid Layouts

MightyMeta demonstriert seine SuperStrech Methode für Fluid CSS Layouts.

Here’s a technique I created a while back that I have revisited and tidied up a bit. It results in a layout that stretches both horizontally and vertically to the browser viewport. It includes a vertical navigation bar where button heights also stretch. It works in FF, Safari, Chrome, Opera, and IE 6-8

jQuery: Masonry

Für das jQuery Plugin Masonry findet man bestimmt mal einen Einsatz:

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Designing for Content Management Systems

In 3 Teilen gibt Alex J. Ventpap einige Photoshop Best Practices beim Designen für Drupal, oder einem anderen CMS, preis.

Usually the first thing that comes to a designer’s mind when designing a website for a Content Management System (CMS) like Drupal is the “boring square style.” It can be challenging to have an out-of-the-box design that is still flexible enough to be scalable, but it is possible. You might say that in order to be truly creative a designer needs some rules to break, and the tight boundaries that can come with designing for a CMS can offer new challenges. This is why designing for Drupal is anything but boring – it can be interesting and challenging for any designer.

CSS: Background Fade

Chris Coyier erklärt den Background-Fade Effekt auf der neuen Think Geek 3.0 Seite.

So simple, und tot schick.

YUI Grids CSS

Bei ThemeForest bietet einen Crash Course im Umgang mit YUI Grids CSS.

With the YUI Grids CSS framework, it’s easy to quickly layout your websites and be confident that they’ll be consistent across all major browsers.

Nach YAML mein zweit liebstes CSS Framework.