martes, 4 de junio de 2013

15. Introducción al Desarrollo Web: Zen Coding y Novedades en CSS3.

Zen coding es un plugin para editores e IDEs que permite generar código HTML, XML, XSL e incluso JSF (soporta cualquier lenguaje de marcas) de una forma bastante ágil y rápida, sobre todo si estás acostumbrado a trabajar con selectores CSS. Para aquellos a los que les gusta escribir su propio HTML/XHTML y no delegar su escritura a un programa tipo Dreamweaver, kompozer,... les puede resultar bastante interesante.. (Referencia: Zen-coding. una nueva forma de escribir código HTML).

Décima quinta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta ocasión hablaremos sobre Zen Coding para HTML y CSS; además de las novedades en CSS3.


Contenido de la clase
1) Zen Coding para HTML y CSS.
(13:13 minutos)
2) Novedades en CSS3: Colores.
(03:42 minutos)
3) Novedades en CSS3: Básicos.
(17:43 minutos)

Duración de la clase
34:38 minutos.

Aquí tenemos recursos que pueden serte útiles, éste link es para conocer más sobre usabilidad web: USABILIDAD EN LA WEB, del sitio desarrolloweb.com.

Si estas viendo los apartados sobre CSS entonces este link es para tí: MANUAL DE CSS, HOJAS DE ESTILO.

Y si ya te metiste con la nueva versión de CSS, entonces te recomiendo el link a: MANUAL DE CSS3.

Para quienes están aprendiendo HTML5, este link les será de gran utilidad: Referencia: GUIA HTML5.

Si todavía usas HTML4, te recomendamos el siguiente link: Referencia: CURSO DE HTML.

A continuación la clase para este día...

1) Zen Coding para HTML y CSS.

Qué es Zen Coding, ventajas que ofrece, instalación en Notepad++ (Plugin Manager o manual), atajos de teclado, sintaxis de selectores para crear HTML, atajos para crear CSS, demostración.


2) Novedades en CSS3: Colores.

Nuevos métodos para definir colores en CSS3: (1) Opacidad o transparencia (RGBA). (2) Modelo de color HSL (Hue, Saturation, Lightness): matiz, saturación, luminosidad.


3) Novedades en CSS3: Básicos.

Principales novedades de CSS3: esquinas redondeadas (border-radius), imágenes en los bordes (border-image), gradientes lineales (linear-gradient), gradientes radiales (radial-gradient), sombras de caja (box-shadow) y transiciones (transition).


Si deseas saber más sobre este curso, haz clic abajo: