Posted: 2 years ago in Tools
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…
Read More: Interactive CSS3 Generator
Posted: 2 years ago in Tools
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…
Read More: CSScaffold – a CSS Framework Written in PHP
Posted: 2 years ago in Tools
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…
Read More: Compass CSS Framework
Posted: 2 years ago in Tools
An article about optimizing your CSS files. Has a list of tools and resources to help identify CSS classes and IDs that are not used…
Read More: Detecting unused CSS selectors
Posted: 2 years ago in Tools
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.
Read More: YUI 2: Grids CSS
Posted: 2 years ago in Tools
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…
Read More: CSS Specificity – Cheat Sheet
Posted: 2 years ago in Tools
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…
Read More: 10 Top-Notch CSS Editors
Posted: 2 years ago in Tools
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…
Read More: CSS Compressor
Posted: 2 years ago in Tools
CSS Sprit.es is an online tool to help web designers and web developers to build CSS Sprites.
If you don't know what is a CSS sprites and are a web designer/developer please, do Internet a favor and consult this great article on A List Apart on the subject.
Read More: CSS Sprit.es a Free Online Tool to Create Sprites
Posted: 2 years ago in Tools
Build with typographic standards in mind. Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser default behavior, build a basic typographic layout – including style for HTML forms and new HTML 5 elements – and build a simple grid system. Baseline was born to be a quick way to prototype a website, it grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation…
Read More: Baseline – a designer framework