Category Archives: Tools

The Blueprint CSS Framework – Tutorials, Guides and Tools

Posted on by

CSS frameworks are a Gods send. They speed up development, ensure usability, meet all W3C standards, compatabile across most browsers and a hell of a lot more. Sounds marvelous doesn’t it. Why doesn’t everybody use them? Well, for the novice developer, frameworks, may be a little bit tricky to get there head around? That is were this article comes in, to hopefully give everybody a better understanding of what a framework is and how to use it effectively.

We are going to focus on how to use the Blueprint Framework, a framework that is a little bit more mainstream and mature than the rest (I am not saying better). We have getting started guides, advanced tutorials, plugins, tools and apps and some insightful further reading articles…

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

Direct link: The Blueprint CSS Framework – Tutorials, Guides and Tools

xCSS – OO CSS Framework

Posted on by

xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features. But, most frameworks are bulky and inflexible, aren’t they? Not xCSS! It’s lightweight and seamlessly integrates into any existing workflow. Aside from that the CSS overhead is getting reduced while your XHTML attributes remain semantic…

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

Direct link: xCSS – OO CSS Framework

Interactive CSS3 Generator

Posted on by

Many browsers have been experimenting with new custom CSS properties lately. Keeping track (and learning how to use them) can be a bit of a challenge.

Via WidgetPad comes a nifty CSS 3 Generator that helps you understand the new CSS 3 features in Webkit with an interactive tool that will build up and show how each new property affects an element. Here, for example, we see the results of applying rounded corners, box shadows, reflections, and a transform to an element…

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

Direct link: Interactive CSS3 Generator

CSScaffold – a CSS Framework Written in PHP

Posted on by

CSScaffold is a CSS framework written in PHP. Rather than try and create a static framework that uses the standard abilities of CSS, like Blueprint, it uses PHP to extend CSS. The syntax looks and feels exactly like CSS, except that you have some new, powerful abilities.

The best part is that all of this is done transparently. You can drop Scaffold into your site and you’ll instantly have access to all of its functionality…

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

Direct link: CSScaffold – a CSS Framework Written in PHP

Compass CSS Framework

Posted on by

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)

Direct link: Compass CSS Framework

YUI 2: Grids CSS

Posted on by

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)

Direct link: YUI 2: Grids CSS

CSS Specificity – Cheat Sheet

Posted on by

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)

Direct link: CSS Specificity – Cheat Sheet

10 Top-Notch CSS Editors

Posted on by

CSS editors are editors that focus solely on generating Cascading Style Sheets. Though you could scrape by using a fully-featured IDE or source code editor – CSS editors may offer specialized functions and features to help you write better CSS, quicker. In this article, you’ll find some of the more popular CSS editors available on the market…

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

Direct link: 10 Top-Notch CSS Editors

CSS Compressor

Posted on by

Use this Cascading Style Sheets, CSS Compressor to compress CSS to reduce CSS code size and make your web pages load faster. You can select from four levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. It is quick, easy and free…

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

Direct link: CSS Compressor