Diseñando con CSS3: micro-curso y slides

26/dic/2012 6

Hace meses que tengo la idea de generar varios micro-cursos, donde en no más de 30 minutos expongo varias ideas puntuales sobre temas orientados al desarrollo web. En esta ocasión les traigo el primero de ellos: Diseñando con CSS3, donde muestro y demuestro mis argumentos para el diseño web orientado al CSS3.

Nuevamente estos slides vienen acompañados de mi radiofónica locución sincronizada por lo que sólo tienen que activar el audio de su computador, enchufar sus audífonos, poner play al audio y escuchar/leer. Además, mucho del código fuente que se muestra puede editarse en cada slide y verás como se modifican los estilos de ejemplo.

Si no les interesa escucharme, ignoren el player y denle con las flechas del teclado. En todo caso el audio pueden pararlo y adelantarlo si quieren, el slide correspondiente se reubicará donde debería estar.

Advertencia:
La grabación hecha fue en una misma sesión y al estilo de conversación, no de charla.
Imagínense que estamos en un bar conversando y me preguntan sobre CSS3 y y les voy contando todo lo que sé y deberían saben.
Eso.

Diseñando con CSS3: temario

  • del Código al PSD
  • Propiedades CSS3
    • de formas
    • de textos
    • de interacción
    • de animación
  • Herramientas
    • Editores de código fuente
    • Elixires
    • Generadores
    • Software
    • Editores / IDEs

Ver Micro-Curso

Enlace a la presentación en SpeakerDeck

Recomendaciones:

  1. El uso de un browser moderno (duh!) como Chrome/Safari ó Firefox 14+
  2. Si vas a escuchar el audio, súbele el volumen y ponte audífonos para no molestar al resto.
  3. Comentarios sobre el contenido son bienvenidos.

Después del último slide hay un easter-egg, para los amantes de la buena mesa mi receta personal de cebiche el cual preparé antes de dictar este micro-curso.

Comentarios

  1. Carlos J Roldan [#]

    Muy buen material, muy buenas referencias.
    ¡Felicitaciones y gracias por compartir!

  2. Emilio Cobos Álvarez [#]

    Me gusta :)
    Sólo le añadiría un detalle, y es la nueva sintaxis de flexbox (display: flex; en vez de display: box;).

  3. Rodrigo Zamorano [#]

    Felicitciones por tu trabajo y muchas gracias por compartir!

  4. Diego Muñoz [#]

    Felicidades por el trabajo, la verdad me agrada mucho el diseño de tu pagina. Saludos desde México.

  5. Alejandro Medel [#]

    Excelente como siempre master. Agradezco el tiempo que te tomas para compartir conocimientos. Me sirvio para el proyecto en el que estoy actualmente.

  6. Felipe Alvarez [#]

    Jorge muchas gracias por estos recursos de verdad que son muy inspiradores y utiles para todos los que amamos el desarrollo web y vivimos de el. Gracias y saludos desde Medellin Colombia!

Responder a Felipe Alvarez ×

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab