All decks
  • Houdini: programming in CSS

    Codemotion Madrid 2018: CSS siempre se ha considerado la parte menos controlable, complicada, mágica y en ocasiones algo aleatoria. Houdini nos ofrece un conjunto de APIs y herramientas Javascript que nos dan la posibilidad de extender CSS para acceder al proceso de diseño y estilo del motor de renderizado del navegador.

  • Image Optimization + Machine Learning v2

    Como profesionales del desarrollo web, nos procupamos de las buenas prácticas en Javascript y CSS, de la semántica en HTML, de la accesibilidad de nuestro contenido, pero ¿qué pasa con la imágenes? Las imágenes representan hasta el 60% del contenido de los sites, desde julio de 2017 en un site promedio de 3.0Mb, 1.7Mb son imágenes. Ahora que sabemos que deberíamos dedicar tiempo a optimizar las imágenes, veamos los diferentes niveles de optimización, cómo automatizarlos y cómo con la ayuda del Machine Learning conseguir reducir un 15-17% el peso de algunas imágenes. En esta charla veremos herramientas para el análisis de las imágenes, la optimización, la validación (aka Tests) y cómo reducir el peso de alguna imágenes con la ayuda del reconocimiento de objetos con Machine Learning. Un frontend hablando de Machine Learning, ¿qué puede salir mal? 🤗

  • Houdini: programando en CSS

    JSDay Canarias 2018: CSS siempre se ha considerado la parte menos controlable, complicada, mágica y en ocasiones algo aleatoria. Houdini nos ofrece un conjunto de APIs y herramientas Javascript que nos dan la posibilidad de extender CSS para acceder al proceso de diseño y estilo del motor de renderizado del navegador.

  • Image Optimization + Machine Learning

    Como profesionales del desarrollo web, nos procupamos de las buenas prácticas en Javascript y CSS, de la semántica en HTML, de la accesibilidad de nuestro contenido, pero ¿qué pasa con la imágenes? Las imágenes representan hasta el 60% del contenido de los sites, desde julio de 2017 en un site promedio de 3.0Mb, 1.7Mb son imágenes. Ahora que sabemos que deberíamos dedicar tiempo a optimizar las imágenes, veamos los diferentes niveles de optimización, cómo automatizarlos y cómo con la ayuda del Machine Learning conseguir reducir un 15-17% el peso de algunas imágenes. En esta charla veremos herramientas para el análisis de las imágenes, la optimización, la validación (aka Tests) y cómo reducir el peso de alguna imágenes con la ayuda del reconocimiento de objetos con Machine Learning. Un frontend hablando de Machine Learning, ¿qué puede salir mal? 🤗

  • Image Optimization

    Como profesionales del desarrollo web, nos procupamos de las buenas prácticas en Javascript y CSS, de la semántica en HTML, de la acesibilidad de nuestro contenido, pero ¿qué pasa con la imágenes? Las imágenes representa hasta el 60% del contenido de los sites, desde julio de 2017 en un site promedio de 3.0Mb, 1.7Mb son imágenes. Ahora que sabemos que deberíamos dedicar tiempo a optimizar las imágenes, veamos los diferentes niveles de optimización y formas de hacerlo.

  • PostCSS

  • Animaciones SVG

    Presentación de la charla Animaciones SVG en el MeetUp Schibsted Spain (Barcelona | Feb. 2018)

  • CSS en tiempos modernos

    Evolución del desarrollo CSS | Codemotion 2017

  • ¿Quieres animaciones? Claro que sí, WAAPI

    Presentación de la charla ¿Quieres animaciones? Claro que sí, WAAPI | Codemotion 2017

  • CSS Craftsmanship

    Slides de la charla CSS Craftsmanship en la conferencia Software Craftsmanship Barcelona 2017 http://scbcn.github.io/

  • Arquitectura CSS con ITCSS

  • ITCSS: Especificidad CSS

    Sesión en abierto del Curso de Arquitectura Profesional CSS con ITCSS en Escuela IT

  • SVG

    Using SVG for graphics and drawings in web & apps

  • SVG Animations

    Presentación del a charla Animaciones SVG para el Codemotion 2016 (18 - 19 Nov)

  • CSS Regression Testing

  • CSS en tiempos modernos

    Evolución del desarrollo CSS

  • SVG

    Presentación para el Workshop de SVG en Schibsted Spain

  • Flexbox

  • ECMAScript 2015

  • PostCSS

  • DOM

  • Formatos Enriquezidos

  • Buenas-Practicas-Javascript