40 sitios web de referencia y recursos CSS

1. W3C CSS3 Basic User Interface Module. No es la referencia disponible más amigable para el usuario normal, sin embargo el funcionamiento y las especificaciones de la World Wide Web Consortium tiene todo lo que necesita saber acerca de CSS.

2. Dochub. Una lista fácil de usar con todas las propiedades CSS que puedas imaginar. Pulsamos en la propiedad en la columna de la izquierda para cargar un resumen y ejemplos en el área de contenido.

3. SitePoint CSS Reference. Una de las mayores comunidades de webmaster de la web, que es una gran referencia para el aprendizaje de CSS. Cada propiedad tiene detalles la versión que se introdujo y las versiones del navegador que es compatible, con ejemplos útiles de cómo las propiedades se pueden aplicar. Con una zona para jugar y experimentar con cada propiedad y puedes cambiar el código HTML y CSS y ver lo que será el resultado en tiempo real. Esto hace que la comprensión de una propiedad sea mucho más fácil.

4. CSS Dog. Un sitio web dedicado a CSS que tiene páginas de referencia útiles para las propiedades CSS, propiedades CSS abreviada y selectores CSS3.

5. HTML5 CSS Properties. Una lista de todas las propiedades de CSS 2.1 válidas, con una breve descripción, los posibles valores, ejemplos y sus otras propiedades relacionadas.

6. Mozilla CSS ReferenceUna lista alfabética de todas las propiedades CSS, pseudo-clases y elementos, las reglas @, y selectores. La versión de CSS de cada propiedad está en la lista junto con su compatibilidad con los navegadores. Bien presentado y muy fácil de usar.

7. CSS Easy. Si tienes dificultades para entender cómo trabajan los diseños CSS, puedes encontrar esta página útil. En lugar de una simple enumeración de las propiedades CSS y selectores, alienta a la vista de código de cada diseño y examinar el código HTML y CSS con más detalle para ayudar a entender cómo se ha creado su diseño .

8. CSS Properties and ValuesUna tabla de referencia que muestra las propiedades CSS y valores con más información acerca de la propiedad en el lado derecho de la página.

9. CSS3 Click Chart. Una de las páginas que más me ha gustado, podemos aprender decenas de trucos CSS3 pulsando sobre la propiedad que deseas reproducir y puedes ver el código en la parte inferior de la página. Muestra el soporte de los navegadores para cada propiedad, la descripción y enlace a la página del World Wide Web Consortium information page como referencia.

9. Meiert CSS PropertiesUna tabla de propiedades CSS que se actualiza regularmente. as propiedades aparecen en orden alfabético y vinculadas a la página de información correspondiente W3. La tabla detalla la versión de la propiedad CSS, como trabaja y su valor inicial.

10. CSS3 Previews. Te muestra alrededor de una docena de propiedades, con una larga explicación detallada de cada una de ellas, con ejemplos de cómo funciona y los detalles de compatibilidad del navegador.

11. CSS Reference. Una lista de las propiedades CSS de W3 divididos en categorías. Con los valores válidos, pequeños ejemplos y detalles de si la propiedad se hereda y son notables.

12. CSS3 Color Names. Una lista de 147 nombres de colores que se definen en la especificación de color CSS3. Los colores se muestran en orden alfabético y dispone de una muestra como ejemplo de referencia.

13. CSS 3 Selectors Explained. Un largo artículo detallado de los selectores CSS3. El artículo fue escrito hace unos años, sin embargo aún puede ser útil.

14. CSS3 Browser Compatibility Table. Una tabla de compatibilidad del navegador para selectores CSS3 y propiedades, para Mac y Windows.

15. CSS3 Compatibility table. Muestra la versión de Internet Explorer, FireFox, Opera, Safari y Google Chrome para cada selector CSS3 que soporta.

16. When Can I Use. Una tabla fantástica de compatibilidad del navegador que te muestra los elementos CSS3 que son compatibles con los navegadores de escritorio y móviles. Incluye una larga lista de opciones de filtro como el navegador, versión, idioma y muchas cosas más.

17. CSS Basics. Un recurso fantástico para los principiantes que les dará un entendimiento básico de cómo funciona CSS. El curso se divide en 18 capítulos, que abarcan todo tipo de elementos CSS. Todo el curso se puede descargar en formato PDF.

18. CSS PlayEs un gran lugar para entender los temas de los menús, los diseños, cajas y otros trucos de trabajo de CSS. Es necesario ver el código fuente de cada página para entender cómo funciona cada ejemplo CSS.

19. CSS Tricks. Posiblemente el mejor blog sobre CSS, con trucos y técnicas, para casi todos los días.

20. 456 Berea Street. Un recurso fantástico que cuenta con cerca de 400 tutoriales de CSS.

21. CSS Tutorial. Una página con tutoriales que está dirigido a principiantes. Te guiará paso a paso a través de las bases de la CSS. También tiene más de 50 tutoriales en vídeo y podcasts.

22. Veign CSS3 Cheat Sheet. Una de las hojas de ayuda CSS3 más popular disponibles en línea, organiza las propiedades por tipo y los valores para las propiedades se muestran en el lado derecho de ellas.

23. Pxleyes Cheat Sheet. Disponibles en formato horizontal y vertical, esta hoja de ayuda muestra una lista de las propiedades más útiles y selectores. También tiene un cuadro que muestra que el contenido, relleno, bordes y márgenes, muy útil para los principiantes.

24. Sencha CSS3 Cheat Sheet. Muestra las nuevas propiedades que se han añadido a CSS3. Un buen recurso si te sientes cómodo con las versiones anteriores de CSS y quiere una hoja de ayuda para las nuevas incorporaciones.

25. CSS Shorthand Cheat Sheet. Una clara hoja de referencia que es fácil de usar que está dirigida a los principiantes, con sólo los temas básicos.

26. CSS Cheat Sheet (V2). Una de las mejores hojas de ayuda CSS disponibles. Se muestra un modelo de caja y las listas de sintaxis, propiedades y las unidades por categoría. Aunque no ha sido actualizado desde CSS2.1.

27. GoSquared CSS2 and CSS3 Cheat Sheets. La hoja de trucos CSS2 muestra la sintaxis y las propiedades más populares y un modelo de caja útil. En lugar de ser un reemplazo, muestra la hoja de trucos CSS3 con la listas de todas las nuevas características de CSS que se debe utilizar junto con el original.

28. Core CSS (Part 2 & Part 3). Una buena serie de hojas de referencia de CSS, que tienen el objetivo para explicar los problemas comunes con más detalle.

29. BlueprintCSS Cheat Sheet. Hoja de de ayuda para los usuarios del BlueprintCSS Framework, que es de gran utilidad. La segunda página muestra una cuadrícula de diseño de esquema, estructuras de archivos, herramientas y recursos.

30. YUI LibraryHoja de ayuda para la YUI Library, que se centra en las rejillas y las tipografías.

31. CSS Shorthand Cheat Sheet. Hoja de ayuda que muestra las propiedades y valores de ejemplo para: margen, relleno, bordes, fondos, tipografía, listas, colores, etc.

32. CSS Font Size Reference. Hoja de ayuda para comparar diferentes sistemas de medidas CSS de la tipografía (Ems, puntos y píxeles).

33. CSS Shorthand Codes Cheat Sheet. Incluye una hoja de ayuda para los códigos, documentos XHTML, etiquetas de forma y una plantilla de ejemplo de estilos CSS. Es necesario registrarse para poder descargar el archivo.

34. CSS3 Rule Generator. Un práctico generador que te permite ver los resultados en el lado derecho, según se modifica el código CSS en la zona principal.

35. CSS3 Selectors Test. Dispone de un área de prueba para ejecutar algunos selectores CSS para ver si son compatibles con tu navegador.

36. CSS3 Tools. Una gama de diferentes herramientas CSS te ayuda con la codificación de los diferentes estilos CSS.

37. CSS3 Generator. Existen distintos tipos de generadores de CSS en uno, este servicio te permite personalizar las cosas más habituales del CSS.

38. CSS3 Gradient Generator. Una forma sencilla de crear degradados CSS3.

39. CSS Generator. Un generador de CSS que te ayuda con el código para la alineación de texto, fondos, bordes, márgenes, relleno, etc.

40. Ultimate CSS Gradient Generator. Un generador de degradados CSS fácil de usar.