Compass CSS Framework

Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Why Stylesheet Abstraction Matters

I’ve seen a number of comments on blogs and twitter that amount to “You don’t need a new stylesheet syntax, CSS is simple and you’re a moron if you can’t do it.” I agree, CSS is simple. You assign style primitives to elements and some of those primitives cascade down to the elements contained within. I get it. It’s simple to understand. But CSS is not simple to use or maintain. It’s time for stylesheets to evolve so that we can take web design to the next level…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

YUI CSS Framework Tutorial

How to use the YUI CSS Framework to cut down on the time and stress it takes to produce a good layout. What is YUI? The Yahoo User Interface library is comprised mostly of Javascript utilities and controls to help front-end developers create a rich user interface. It also comes with a great CSS framework to make developing websites a lot faster. This CSS framework is what we’ll be focusing on today. It’s lightweight less than 6KB when minified, easy to use, and most importantly, it works with all major A-grade browsers…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Shorthand – A Guide to Cleaner and Faster Coding

As web designer’s we’re always looking for ways to speed up workflow. One of the simplest ways to speed up and clean up your coding is to learn CSS Shorthand. In order to fully grasp shorthand, it’s helpful to already have a decent knowledge of CSS. Here’s a a simple guide to bring you into the world of CSS Shorthand…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Solve Any CSS Problem In 3 Minutes (Or Less)

If you’ve spent any length of time building tableless web designs, you’ve probably come across some frustrating CSS problems. Sometimes floats don’t float right or links and images won’t line up. Internet Explorer offers its own brand of pain when it comes to CSS, with weird bugs like doubled float-margins and the ability to make entire sections of a layout disappear. It’s enough to make a good web designer run screaming for a print job. Here are some ideas to help solve your CSS layout problems…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

YUI 2: Grids CSS

The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations.

  • Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
  • Supports easy customization of the width for fixed-width layouts.
  • Flexible in response to user initiated font-size adjustments.
  • Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
  • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
  • Layouts less than 100% are automatically centered.
  • Accommodates IAB's Ad Unit Guidelines for common ad dimensions.
  • Offers full A-grade browser support.
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Specificity – Cheat Sheet

One of most common difficulties with CSS is determining what CSS rule will be applied on the page. But actually it’s not so hard to understand how these rules are applied and the order of CSS Specificity. Here’s a CSS Cheat Sheet that should help you learn and remember CSS Specificity rules…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Object-Oriented CSS: What, How, and Why

It sounds like an oxymoron, or at least an impossibility, doesn’t it? How can a static language that’s really more like markup than programming be object-oriented? In this tutorial, you’ll see the idea of object-oriented CSS, how it works, and reasons why you should be using it for your projects…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)