CSS3 y HTML5: recursos de diseño web

Siguendo con la serie de post relativos a recursos relativos a CSS3 y HTML5 (ver contenidos relacionados), incluimos el listado de herramientas y artículos publicado en http://www.html5samples.com/. El listado incluye herramientas para probar y generar código de selectores CSS3, herramientas para crear transformaciones, degradados y otros muchos efectos posibles con la especificación actual publicada por el W3C, así como aspectos relacionados con el soporte de navegadores y ejemplos de su uso.

1. CSS3 Selectors Test

Permite la realización de pruebas de compatibilidad de los selectoress CSS para distintos navegadores, señalando, para cada uno de ellos, si no es compatible. Incluye ejemplos y explicaciones de cada una de las pruebas.

2. CSS3 Please!

CSS3 Please! es un generador de propiedades CSS3 para todos los navegadores. Al entrar se nos presenta una hoja de estilo que podremos editar para adaptar a nuestras necesidades y ver los cambios aplicados a un cuadrado resaltado. Incluso incluye propiedades para Internet Explorer en los casos que la transformación esté soportada mediante filtros.

3. CSS3 Generator

Permite crear y ajustar multiples efectos generados con CSS3.

4. CSS3 Transforms

Permite rotar, modificar la escala, sesgar y otras transformaciones de elementos HTML con CSS 3.

5. CSS3 Gradient Generator

The CSS3 Gradient Generator fue desarrollado para mostrar la potencia de los degradados basados en CSS3 a los desarrolladores y diseñadores. Permite generar una imagen con el resultado.

6. Border Radius

Permite la creación de rectángulos con esquinas redondeadas con los selectores de CSS3.

7. Modernizr

Modernizr es una sencilla librería JavaScript library que ayuda en el uso de CSS3 y HTML 5 manteniendo algún control sobre los navegadores antiguos queno soportan estas nuevas tecnologías.

8. CSS3 Generator

Sencillo generador de CSS que nos puede ayudar a implementar las capacidades de CSS3.

9. CSS3 Previews

Demostraciones de las posibilidades de CSS3.

10. CSS Template Layout Module

Nos da indicaciones sobre el uso y posibilidades de CSS3.

11. 5 Techniques to Acquaint You With CSS 3

Para aprender sobre las posibilidades más populares de CSS3.

12. Web Browser CSS Support

Este documento es una sección del documento de soporte de estándares para los navegadores. Se incluye información detallada acerca de la compatibilidad CSS en los navegadores web más importantes.

13. Font Drag

Font Dragr es una potente aplicación web HTML5/CSS3 para probar la personalización de fuentes. La aplicación le permite arrastrar y soltar TrueType (TTF), OpenType (OTF), los gráficos de vector escalables (SVG) o Web Open Font Format (WOFF) las fuentes en la página web con una vista previa instantánea de cómo se representará en el navegador, incluso se puede editar el texto de ejemplo.

14. CSS3 Cheat Sheet

Fichero PDF descargable con una completa lista de propiedades, tipos de selectores y valores permitidos en la especificación actual de CSS3 en el W3C.

15. Sizzle

Aplicación JavaScript para selección rápida de selectores CSS.

16. Web Designers’ Browser Support Checklist

Muestra el soporte de HTML5 y CSS3 en los distintos navegadores.

17. CSS3 Color Names

CSS3 nos da información de 147 colores diferentes. Nos da el nombre y los valores RBG y hexadecimal.

18. HTML5 Visual Cheat Sheet

Chuleta de HTML 5 para diseñadores y desarrolladores web diseñada por Woork. Nos muestra una lista de todas las etiquetas HTML y de sus atributos relacionados con el soportede versiones en HTML 4.01 y/ 5.

19. HTML5 Demos And Previews

Demostraciones de las capacidades de HTML5 y pruebas de soporte de navegadores.

20. The Power Of HTML5 and CSS3

Articulo sobre las ventajas del uso combinado de HTML5 y CSS3.

21. HTML5 Cheat Sheet

Información útil de HTML5.

22. HTML5 Gallery

Sitios de muestra que utilizan HTML5

The CSS3 y HTML5: recursos de diseño web by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.