September 24, 2018 — BarCamp Track

September 20, 2018 — We are going to have a brief look at the advanced frontend workflow: – write CSS with SASS – combine all JavaScript into one file – optimize images – synchronised browser testing and more with Gulp

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 26, 2018 — Avez-vous déjà entendu parlé des outils tels que Gulp, Grunt, Webpack… ? Ils vous permettent d’accomplir des tâches en direct lors du développement de votre site, comme recharger le navigateur à chaque modification, synchroniser le site sur votre mobile, tablette et ordinateur afin de tester le responsive, compiler vos fichiers CSS et JS et les optimiser.

Un outil comme Gulp est facile à installer sur votre projet WordPress, même pour les allergiques de la ligne de commande, et vous apportera de nombreux avantages lors de votre développement :

Compilation de vos styles (Sass, Less, Stylus)
Compression de vos CSS et JS
Live Reload
Browser Sync
AutoPrefixer

Presentation Slides »

April 18, 2018 — In this talk we’ll explore how and why you should say goodbye to the frontend frameworks you use.
Through live coding demo’s we’ll explore how new css techniques like CSS Grid and Flexbox can help you create more original, better and easier-to-maintain weblayouts in a fraction of the time.

Presentation Slides »

February 27, 2018 — Who’s ready to start using CSS grids in WordPress? Welp – I’ve got ‘em going in a couple Genesis child themes. Browsers are all in with support. They work with Flexbox, so we can use both at once. And they help make previously painful layout problems solve themselves. So let’s take a look at the hard work of the two engineers who have spent years getting these blocks stacking – CSS celebs Jen Simmons and Rachel Andrew. Let’s take a look at the simplest ways to use Grid, because at that level it’s pretty much indistinguishable from magic. For one thing, you can save floats for wrapping text around objects (and the swimming pool). For another, you can cut a whole lot of cruft from a style sheet. So what’re you waiting for? Let’s get our themes on the grid!

Presentation Slides »

January 15, 2018

December 10, 2017 — Discover ten handy tips in as many minutes for customizing your WordPress site with CSS. From quick techniques to hide elements you’d rather not see – to sneaky ways to add in extra bits of text, this talk for CSS newcomers will show you just how useful CSS can be. It’ll whet your appetite for more and suggest where to continue your CSS journey after the ten minutes whiz by.

December 1, 2017

December 1, 2017 — CSS Grids are here! In this talk, I’ll go over the basics of the new specification including:
* The history of layouts in CSS and how we got here
* How CSS Grids differ from Flexbox
* How to apply them to responsive design
* Browser support
Feedback