heirloom-tools-x

Las herramientas, esos grandes atajos para automatizar o facilitar procesos, que haríamos sin ellos. Hemos mostrados largas listas y listas de herramientas online para facilitar ciertos procesos en nuestras hojas de estilos, o automatizarlos, ahorrando mucho tiempo para realizar otras tareas.  En esta entrada todas las herramientas conocidas hasta ahora han sido agrupadas, mostrandose un total de 40 herramientas para CSS:

CSS Type Set

Generador de fuentes CSS

csstypeset.com/

csstypeset.com/

CSS Sprite Generator

spritegen.website-performance.org

spritegen.website-performance.org

CSS Sprite Generator

csssprites.com

csssprites.com

Button Maker Online

80×15 or 88×31 button generator

CSS Tidy Online

Limpieza automática de código sucio.

floele.flyspray.org/csstidy/css_optimiser.php?lang=en

floele.flyspray.org/csstidy/css_optimiser.php?lang=en

Typechart

Previsualización de cualquier fuente.

typechart.com

typechart.com

CSS Compressor

Comprime tu CSS para incrementar la velocidad de carga de tu sitio web.

CSS Optimizer

Para comprimir tus archivos CSS

mabblog.com/cssoptimizer/compress.html

mabblog.com/cssoptimizer/compress.html

W3C CSS Validation

Valida tus hojas de estilo online.

Grid Designer 2

Crea un grid especificando el número de columnas y anchura de dichas columnas.

grid.mindplay.dk

grid.mindplay.dk

CSS Button & Text Field Generator

Botón y caja de texto en un click.

devdude.com/tools/css/button_text/

devdude.com/tools/css/button_text/

CSS-Typoset Matrix and code generator

CSS-Typoset Matrix y generador de código.

Replace CSS Colors – Editor

Sube tus archivos CSS localmente, reemplaza colores y después descarga el nuevo archivo CSS generado.

css-color-replace.orca-multimedia.de

css-color-replace.orca-multimedia.de

CSS Layout Generator

Layout fluida/fixed (max 3 columnas) header, footer, menu.

cssportal.com/generators/layout.htm

cssportal.com/generators/layout.htm

The Box Office

Imagen en tu caja CSS.

theboxoffice.be

theboxoffice.be

Em Calculator

Desde píxeles hasta unidades relativas.

riddle.pl/emcalc/

riddle.pl/emcalc/

CSS Menu Generator

Generator de menú (Con CSS y HTML)

webmaster-toolkit.com/css-menu-generator.shtml

webmaster-toolkit.com/css-menu-generator.shtml

Vertical rhythm calculator

Desde píxeles a unidades relativas em.

CSS SuperScrub

Archivos CSS limpios.

Firebug

Importantísima extensión para corregir y analizar nuestro código CSS y HTML.

getfirebug.com

getfirebug.com

Simple CSS

Editor CSS para Win, Mac, Linux.

CSS Generator

Generador de estilos.

PSD2CSS Online

Desde PSD a CSS.

psd2cssonline.com

psd2cssonline.com

Clear CSS Generator

Generador de estilos.

Conditional-CSS

Crossbrowser, css optimizado e importe automático.

conditional-css.com

conditional-css.com

CSS Creator

Layout fluida/fixed (máximo 3 columnas) header, footer, menu.

MoreCSS

Crea popups, tab menus, zebra tables, estilos de listas avanzadas y opacidad cross-browser.

yellowgreen.de/morecss

yellowgreen.de/morecss

CSS Template Generator

Generador de layouts.

px to em

Conversión px a em.

pxtoem.com

pxtoem.com

quickCSS

Generador online de CSS

CSS Redundancy Checker

Busca selectores CSS redundantes.

services.immike.net/css-checker/

services.immike.net/css-checker/

QrONE CSS Designer

Editor de estilos CSS.

qrone.org/cssdesigner.html

qrone.org/cssdesigner.html

Ribbon Rules Generator

Colorea tus reglas horizontales.

YUI

Constructor de grid CSS.

developer.yahoo.com/yui/grids/builder/

developer.yahoo.com/yui/grids/builder/

HTML and CSS Table Border Style Wizard

Tablas HTML en CSS

somacon.com/p141.php

somacon.com/p141.php

List-O-Matic

Generador de menús basados en listas.

Sky CSS Tool

Creador de clases CSS

skycsstool.sourceforge.net

skycsstool.sourceforge.net

JotForm

WYSIWYG constructor de forms (pago, contacto, subida de archivo, etc)

jotform.com

jotform.com

CSS Evolve

Versión de estilos alternativa de tu sitio web.

iterationprojects.com/evolve/

iterationprojects.com/evolve/

The Generator Form v2.90

Creador de páginas de 1-3 columnas con borde ordenado y variable.

positioniseverything.net

positioniseverything.net

CSS Text Wrapper

Text2shape

csstextwrap.com

csstextwrap.com

SelectORacle

Selectores CSS explicados en español o inglés.

penguin.theopalgroup.com

penguin.theopalgroup.com

Style Sheet

Generador de plantillas PHP – HTML – CSS, crea una 2 columna de layout (+ header y footer)

maketemplate.com

maketemplate.com

Vía | Webair