Curso de diseño web: Introducción al preprocesado de hojas de estilo

Sáb, 03/23/2013 - 09:44 -- Hackandalus

 

Introducción

La web ha cambiado mucho desde sus comienzos, transformándose poco a poco en un campo dominado por el paradigma de las aplicaciones en la nube y el predominio creciente de todo tipo de dispositivos móviles, lo que ha orientado su desarrollo más reciente (html5, css3, nodejs...) para bien y para mal.

Al tiempo el diseño de frontend de las websites/webapps se ha sofisticado y hemos pasado del estilo embebido de los primeros tiempos de la web, a las hojas de estilo independientes y, más recientemente, a la aparición de nuevos enfoques y tecnologías que intentan permear aspectos aprendidos de la programación y el diseño gráfico convencional en el diseño de hojas de estilo, con el predominio actual de la CSS orientada a objetos, los sistemas modulares, las rejillas y los enfoques responsivos/adaptivos (pensados para dispositivos móviles).

Todo esto junto ha complejizado mucho el desarrollo del diseño web donde cada vez hay que tener en cuenta más requerimientos de cara a disponer de una buena web, accesible y que se pueda disfrutar en distintos navegadores y dispositivos. Es aquí donde aparecen los lenguajes de preprocesado de hojas de estilo (como SASS o LESS) que partiendo de la sabia filosofía del lenguaje Ruby (Write Less Do More y Don't Repeat Yourself) aumentan la productividad en la escritura de hojas de estilo, superando sus limitaciones naturales mediante funcionalidades como el uso de variables y funciones, el anidado de selectores o, sobre todo, el uso de frameworks (librerías de componentes y funciones) como Compass.

Objetivos del curso

Tomar nociones básicas sobre cómo instalar y usar SASS/Compass para el desarrollo de páginas web.

Estructura del curso

El curso se dará en un día y tomará unas seis horas, divididas de la siguiente manera:

10h - 12h

1.- Un poco de teoría: paradigmas actuales de diseño web

- HTML5 + CSS3.

- La web responsiva (Ethan Marcotte).

- OOCSS (Nicole Sullivan) y SMACSS (Jonathan Snook).

12h – 14h

2.- Introducción a SASS

- Instalación de ruby, sass y compass en un servidor LAMP.

- Sass: monitorización y uso.

16h – 18h

3.- Introducción a Compass

- Compass: monitorización y uso.

- Ejemplo práctico con SASS + COMPASS.

Dirigido a

Diseñadores de interfaz y frontend que quieran ampliar sus habilidades CSS.

Requerimientos

Para sacar el máximo partido hará falta un ordenador con un servidor Lamp instalado y nociones previas de CSS y HTML.

Añadir nuevo comentario

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.