APPS WEB
Generadores de CSS3 gratis
Teoría y Manuales CSS
CSS Avanzado de LibrosWeb: Libro de referencia para maquetadores web. Muy completo. Tiene más libros y manuales de otros lenguajes de programación, frameworks y Tutoriales: PHP, JavaScript, Ajax, Symfony, Git, Bootstrap, etc.
CSSPortal: Información, CSS Generadores, Ejemplos y Recursos CSS.
DesarrolloWeb: Aquí encontrarás todo tipo de Tutoriales y manuales de todos los lenguajes de programación web. Te servirá de mucha ayuda. También tienen cursos.
Visualizador de código CSS
CSS3, please: Herramienta online para ver en el momento el resultado de tu código CSS.
CodePen: Aplicación para visualizar tu código HTML, CSS, JS, PHP, etc
Prefijos css
AutoPreFixer CSS online: Herramienta para añadir los prefijos para todos los navegadores.
Pleeease: Herramienta algo más completa para añadir los prefijos para todos los navegadores.
Multi Herramientas CSS3
Multi-herramienta, con 4 herramientas para desarrolladores web: Generador de degradado, Bordes redondeados, Textura de suciedad y editor de sombras.
CSS3 Generator: Bordes redondeados, Sombra de objetos, Sombra de texto, Color fondo transparente, Añadir fuentes, Múltiples columnas, Redimensionar objeto, Tamaño objeto, Outline, Transición, Transformación, Flexbox, Fondos degradados.
CSS Matic: Editor de gradientes, Bordes redondeados, Fondo con texturas de suciedad y ruido y Editor de sombras.
Colorzilla: Generador de gradientes, fondos degradados.
CSSMate: Sencillo editor de CSS
Botones y Switch
Generador de botones CSS3: Generador de botones
Generador de Flip Switch de CSSPortal: Crea tus propios botones tipo switch.
Menús
CSS Menu Make: Constructor de menús CSS más visual y completo.
Generador de menús CSS3 de CSSPortal: Generador de Menú con CSS3.
Creative CSS3 Animation Menú Tympanus: Originales menús con CSS3.
Tooltips
CSS Tooltips Generator de CSSPortal: Creador de combo de sugerencias.
Layouts
CSS Layout Generator de CSSPortal: Crea la estructura HTML sencilla de tu web rápidamente.
CSS Layout Generator: Generador de layout básicos.
CSS frame Generator: Agrega tu código XHTML y obtén un su frame CSS.
FlexBox: Layouts Flexibles
Flexbox CSS properties de Scotch: Guía visual de propiedades Flexbox CSS3. (ayuda)
Tutorial CSS Grid: CSS Grid. (ayuda)
Flexplorer de Bennettfeely: Crea tus bloques con flexbox rápidamente y de forma visual.
CSS Flexbox Please!: Menos visual.
Textos
CSS3 Warp: Crea texto con formas, adapta tu texto a una línea curva, circulo o forma personalizada.
CSS Type Set: Formateador simple de texto.
Iconos
Font Awesome: Variada y completa colección de iconos para tu web.
CSS Icons: Para añadir iconos en tu web.
Efectos Hover con CSS
Efectos Hover CSS3 de Codrops: Efectos Hover con CSS3 para galerías.
Optimizar Codigo
CSS3 compressor: Comprime tu código CSS para reducir el peso de tu web.
Clean CSS: Formatea tu código css.
Sprites
Los sprites CSS son una buena forma de reducir la cantidad de solicitudes HTTP realizadas para mostrar tus imágenes. Si tu web usa muchas imágenes, los sprite CSS te ayudarán a mejorar su rendimiento.
En lugar de cargar 10 imágenes por separado, por ejemplo, se cargará una sola. Ten en cuenta que solo funciona con las últimas versiones de los navegadores.
Qué es CSS Sprite Generator + Generador de Spritegen.website-performance.org
Sprite Generator de CSSPortal: Unifica la carga de imágenes.
CSS Sprite Generator de Toptal: Puedes subir tu imagen y generar sprites con Drag & Drop.
Más recursos
Codrops de Tympanus: Revista blog con recursos interesantes de todo tipo.
