November 11, 2018 — Introducción a las variables nativas CSS. Ejemplos prácticos de cómo modificar dinámicamente un tema de WordPress desde el front-end y cómo pueden usarse para mejorar la accesibilidad de una web.

October 21, 2018

October 14, 2018 — CSS Grid was released last year and it changes everything; for the web and for the WordPress Community. It means that for the first time ever we get to think of our layout as two dimensional and fully responsive. CSS Grid is not another plugin hack or another bootstrap patch, it is the solution designers have been asking for. It is here to stay and right now is the perfect time to learn it!

September 24, 2018 — BarCamp Track

September 24, 2018 — BarCamp Track

July 10, 2018 — Are you thinking about CSS grids for your layouts? Browser support is just about here.

I’ve been looking hard at the work of Jen Simmons and Rachel Andrew, the two people writing most of the material to teach us designer/dev types what we need to know to start using this new spec.

And thanks to some time I’ve spent playing on CodePen, I think I’m ready to use grids in WordPress!

So let’s look at:
– WHAT CSS grids are.
– WHERE it makes sense to use them.
– HOW they help us make previously tough problems solve themselves.
– WHY grids are not just great for symmetrical layouts – but also wildly asymmetrical ones as well.
– And I’ll see you on the grid!

Presentation Slides »

June 3, 2018 — La hoja de estilos de una web tiene que estar muy bien estructurada para evitar arreglos rápidos, ficheros innecesariamente extensos que sobrecargan la web o un sinfin de declaraciones “!important” que echan a perder cualquier esperanza de modificaciones a futuro.

Enseñaré en esta charla cómo se utiliza BEM (bloque, elemento y modificador), una técnica que nos da una serie de pautas para que el desarrollo del CSS sea fácil, intuitivo, atomizado y escalable.

Presentation Slides »

April 27, 2018 — Apprenez comment développer un thème WordPress simple en partant d’un template HTML/CSS.

L’objectif est de comprendre les fondamentaux et les bonnes pratiques de développement de thèmes WordPress :

Faire apparaître son thème dans l’administration de WordPress
Organiser les fichiers du thème de façon claire et lisible.
Comment WordPress choisit les templates (modèles de pages) à utiliser
Charger les ressources CSS/JS correctement
Mettre en place la boucle de WordPress (responsable de l’affichage du contenu), les menus, les zones de widgets.
Utiliser les templates tags de WordPress pour afficher les informations nécessaires, et créer ses propres templates tags.
S’assurer que le thème est sécurisé, traduisible et accessible.
Si le temps le permet, on pourra plonger dans des sujets plus avancés, comme :

Mettre en place les fonctionnalités comme l’image d’entête personnalisée, le logo personnalisé, etc…
Comment intégrer le thème à l’outil de personnalisation de WordPress.
Le but est que les utilisateurs/développeurs voulant développer un thème repartent avec une méthode simple, pas à pas et une bonne appréhension des spécificités de développement de thème pour WordPress.

Le thème développé ne sera donc pas d’une complexité élevée, au contraire, mais permettra d’avoir la vue d’ensemble la plus complète possible du process et des bonnes pratiques de développement.

Le code source du prototype HTML/CSS ainsi que le thème à différentes étapes de son développement seront disponibles sur GitHub.

Prérequis pour tirer le maximum de l’atelier :

Des connaissances de base en HTML/CSS/PHP. JavaScript pas forcément nécessaire.
Un environnement de développement WordPress local (MAMP / Local by Flywheel / Bitnami, etc…)
Un éditeur de code (VS Code, Atom, etc…)

Presentation Slides »

April 24, 2018 — CSS Grid was released in 2017 and it changes everything; for the web and for the WordPress Community. It means that for the first time we get to think of our layout as two dimensional and fully responsive. CSS Grid is not another plugin hack or another bootstrap patch, it was the solution designers have been asking for. It’s here to stay and it’s the perfect time to learn it!

Presentation Slides »

April 22, 2018 — ¿En qué momento terminamos escribiendo CSS en los archivos de JavaScript? Si hacemos las cosas más complicadas, ¿por qué enamora el concepto cada vez más a los programadores?

Hablemos de qué es, los beneficios, dolores de cabeza y el por qué decidimos usar los tan famosos Styled Components.