Maquetación CSS3 mediante SASS y Compass
Descripción general:
La maquetación XHTML/CSS es algo que la mayoría de desarrolladores dan por hecho. Lo consideran una tarea secundaria, si bien el front-end constituye la única interficie que pone en contacto a usuarios y la aplicación.
En el mundo del CSS, sass y compass aportan un poco de luz poniendo al alcance de los desarrolladores y diseñadores conceptos ampliamente explorados en el mundo del desarrollo como son la modularidad, reusabilidad, mantenibilidad o escalabilidad.
Este WORSHOP está orientado tanto a diseñadores como a desarrolladores
Sobre SASS y COMPASS
SASS (http://sass-lang.com) es una extensión de CSS3 que añade soporte para reglas anidadas, variables, mixins, herencia de selectores y más. Compila directamente a CSS, de manera que comparte el mismo soporte y funcionalidades que el CSS convencional.
A primera vista puede resultar extraño porque no estar acostumbrados a leer código basado en indentación. Pero el formato de SASS reduce la redundancia y ayuda a mantener una jerarquía clara de elementos.
sass y compass son dos herramientas que funcionan sobre ruby, pero no dependen en absoluto de ningún framework de desarrollo en particular; su output es simple y llano CSS. Existen especializaciones para determinados frameworks como Rails, en los que no se entrará en detalle.
Al acabar el workshop serás capaz de:
• Desarrollar tus hojas de estilo de forma modular para que crezcan de forma rdenada a medida que lo haga tu proyecto.
• Plantearte mucho mejor la separación entre semántica y presentación y sus profundas implicaciones.
• Reusar tus propias librerías de CSS entre varios proyectos
• Aplicar avanzados trucos de CSS3 con fallbacks para navegadores menos avanzados
• Divertirte desarrollando front-end si no lo hacías ya
Igualmente importante es destacar lo que no aprenderás:
• A diseñar. Aunque muy probablemente lo que hayas aprendido te sirva para orientar mejor al diseñador de tu equipo. Y si eres tú mismo, ¡mucho mejor! :)
• A ser más tolerante con navegadores del paleolítico como Explorer 6. Es posible que tu odio aumente incluso un poquitín más.
Prerequisitos
Para la realización de éste workshop, es recomendable:
• Cierta Familiaridad con conceptos básicos de programación (variables, métodos…)
• Tener conocimientos medios de XHTML y CSS
PROGRAMA
1. Introducción a SASS
2. Tu primer proyecto
2.1. Instalación de sass y compass
2.2 Creación de tu primer proyecto
3. Starter stylesheets: Uniformizando estilos entre navegadores
3.1. Algunas variables de configuración
3.2. Documentación completa de colores
4. Layouts: Imitando a Pinterest
4.1. Grid Systems
4.2. Layouts Líquidos
4.3. Sobre el posicionamiento
4.4. Box sizing
4.5. Helpers
5. Interacción y eye candy: El botón perfecto con puro CSS3
5.1. Sombras
5.2. Gradientes
5.3. Border radius
6. Transformaciones
6.1. Scale
6.2. Translate
6.3. Skew
6.4. Transform
7. Animaciones y transiciones
7.1. Propiedades
7.2. Animaciones
8. Diseño responsivo: Adaptación para dispositivos móviles
8.1. Viewports
8.2. Media queries
9. Performance: Cómo mejorar la velocidad de carga
9.1. Sprites
9.2. Embedding assets
Para realizar este curso no se necesita disponer de ninguna titulación previa.
Calendario
Sesión 1: viernes 21 de septiembre (de 9 a 14 horas)
Sesión 2: viernes 28 de septiembre (de 9 a 14 horas)
Precio
190 euros
El WORKSHOP será desarrollado por el equipo de profesionales de CODEGRAM
Se autodefinen como programadores vocacionales, que construyen aplicaciones WEB con “Ruby on Rails”, poniendo énfasis en la calidad del código y la experiencia del usuario. Podéis ampliar la información en: http://codegram.com/team
- Inscríbete