Powerful CSS Tools

Vediamo oggi alcune eccellenti risorse provenienti dalla rete riguardanti il vasto mondo CSS. Per velocità e comodità personale, elencherò le stesse in lingua inglese e sotto forma di paragrafi; scorretele, leggetele e mettetele tra i vostri preferiti; da ora in poi non avrete più dubbi su come realizzare, ottimizzare e magari iniziare i vostri progetti Web.

CSS Online Tools

PSD2CSS Online
A free online service that generates Web pages from Photoshop designs. By following the guidelines and naming conventions, you can precisely choose how the transformation from PSD to (X)HTML and CSS is done.

MoreCSS
MoreCSS is a design-oriented JavaScript library that allows you to write code for applying automatic hyphenation and creating pop-ups, tool tips, tab menus, zebra tables, advanced list styling and cross-browser opacity style. But the really special thing is that you can do these things as you would with regular CSS.

px to em
This tool is what its developers call “px to em conversion made simple”. Type a base font size in pixels, and the tool will produce a complete pixel to em conversion table, making elastic Web design much easier to produce.

CSS Redundancy Checker
You can use this tool to find CSS selectors that aren’t used by any of your HTML files and that may be redundant.

CleverCSS
CleverCSS is a small markup language for CSS, and inspired by Python, that can be used to build a style sheet in a clean and structured way. In many ways, it’s cleaner and more powerful than CSS2. You can also work with variables.

CSS Sprite Generator
With this tool, you can upload all of your images (you have to place them in a .zip file first) and it will combine the uploaded images into a single sprite and generate the CSS for you.

CSS Tidy Online
An online version of CSS Tidy, a tool that allows you to keep your code clean by compressing the code.

Kits For Designing

21 Excellent Dreamweaver Extensions for CSS Productivity and Standards
An extensive overview of various Dreamweaver extensions, such as CSS Sculptor, CSS Menu Writer, Link Fader, CSS Layouts, Format Table, Style Switcher, etc.

Starter Kit For Developers (PSD)
This starter kit is a free Photoshop template that includes forms, grids, ad placeholders, dummy copy and other design elements (13 MB).

Programming With CSS

CSS Extra Coda Plug-in
CSS Extra is a plug-in for Coda that gives you access to some dynamic CSS. Although it is not truly dynamic in that it will not force Coda to process the variables and settings, it gives you the commands to process the CSS instead. What this means is that you can have constants, bases and a layout module within your CSS.

Edit in Place with JavaScript and CSS
This tool offers you more intuitive editing (in-place editing) of your documents and style sheets. The idea: in a selected area, the user can enter the markup or change the current value directly.