‘CSS’ Videos

  • Mauricio Gelves: Domina el CSS de tu Web con la técnica BEM (bonito, elegante y molón)

    Mauricio Gelves: Domina el CSS de tu Web con la técnica BEM (bonito, elegante y molón)

    WordCamp Irun 2018Speaker: Mauricio Gelves

    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 »

  • Maxime Bernard-Jacquet: Simplifiez-vous le développement de vos thèmes avec Gulp

    Maxime Bernard-Jacquet: Simplifiez-vous le développement de vos thèmes avec Gulp

    WordCamp Paris 2018Speaker: Maxime Bernard-Jacquet

    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 »

  • Luc Princen: Ditch your framework! – Magical layouts with modern CSS

    Luc Princen: Ditch your framework! – Magical layouts with modern CSS

    WordCamp Rotterdam 2018Speaker: Luc Princen

    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 »

  • Mary Baum: Momma’s Got a Brand New Grid

    Mary Baum: Momma’s Got a Brand New Grid

    WordCamp Albuquerque 2018Speaker: Mary Baum

    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 »

  • Joseph Abraham: WordPress and Flexbox CSS
  • Kathryn Presner: CSS Secrets for Beginners

    Kathryn Presner: CSS Secrets for Beginners

    WordCamp US 2017Speaker: Kathryn Presner

    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.

  • Jessica Lyschik: CSS-Probleme und Lösungen
  • Tracy Rotton: Get on the Grid!

    Tracy Rotton: Get on the Grid!

    WordCamp Rochester 2017Speaker: Tracy Rotton

    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

  • Alexis Findiesen: Modern CSS: You Can do It!

    Alexis Findiesen: Modern CSS: You Can do It!

    WordCamp D.C. 2017Speaker: Alexis Findiesen

    November 19, 2017 — We’ll talk about some of the more recently-released CSS tools you can use now! In this session, we’ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn’t use them. Even if some of these are unfamiliar, if you haven’t worked on the front-end in a while, or if you’re new to coding, this session is for you. You don’t need to use JavaScript to create cool animations or columns that automatically fill the space – you can do it all with CSS! We’ll cover browser support and some fallbacks you can use to get you started using these new tools today.

    In this session, you’ll get an intro to:
    Flexbox
    CSS Grids
    Pseudo elements (:before, :after, :nth-child)
    Transitions & Animations
    Blend Modes
    Textured Typography
    Browser Support and Graceful Fallbacks for all of the above!

    For some sections of this session, we’ll talk about SCSS mixins. You can also achieve the same results with a little more pure CSS, so while some knowledge of Sass is great, it isn’t necessary. Labeled as “intermediate,” as this session does require a basic knowledge of CSS.

  • Darío Balbontín: El futuro presente de CSS – Layouts con Grid

    Darío Balbontín: El futuro presente de CSS – Layouts con Grid

    WordCamp Santander 2017Speaker: Dario Balbontin

    November 19, 2017 — Descripción de algunas de las características y ventajas que presentan los layouts con Grid frente al uso de FlexBox o flotaciones en CSS

    Presentation Slides »