‘CSS Grid’ Videos

  • Dan Robert: Getting Started with CSS Grid

    Dan Robert: Getting Started with CSS Grid

    WordCamp Greenville 2018Speaker: Dan Robert

    April 3, 2018 — CSS Grid Layout is a powerful system available in CSS, which simplifies existing patterns and adds new possibilities for layout methods in our websites and applications. It is a 2-dimensional system, meaning it can handle both columns and rows.

    This talk covers an introduction of the CSS Grid Layout specification and follow up with some practical examples of how we can begin to use it in practice today.

    Presentation Slides »

  • Juan Pablo Gomez: CSS Grid is Here!!

    Juan Pablo Gomez: CSS Grid is Here!!

    WordCamp NYC 2017Speaker: Juan Pablo Gomez

    February 15, 2018 — CSS Grid was released this 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!

  • 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

  • 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 »

  • Luc Princen: Not Your Grandpas CSS Working With CSS Grid

    Luc Princen: Not Your Grandpas CSS Working With CSS Grid

    WordCamp Varna 2017Speaker: Luc Princen

    October 5, 2017 — CSS Grid is getting some major browser support these days. What is it? How can you apply it? and why should you care? We’ll handle these questions and look at how you can start to apply grid workflows in your WordPress themes the next day.

    Presentation Slides »

  • Juan Pablo Gómez: Llegó CSS Grid

    Juan Pablo Gómez: Llegó CSS Grid

    WordCamp Mexico City 2017Speaker: Juan Pablo Gomez

    August 16, 2017 — Revoluciona el UI / UX de tu sitio web creado con WordPress con la llegada de CSS Grid.
    Charla dedicada para designers y developers. Te contaré sobre las nuevas oportunidades que ofrece CSS Grid, ya que flexbox ayudó bastante pero Grid es el siguiente paso.

    Presentation Slides »

  • Juan Pablo Gomez: CSS Grid Is Here!

    Juan Pablo Gomez: CSS Grid Is Here!

    WordCamp Boston 2017Speaker: Juan Pablo Gomez

    August 16, 2017 — CSS Grid is the new layout spec that will change the way we code websites. We can FINALLY! design a two-dimensional layout that looks more like what we want it to be rather than what the browser previously allowed us to work with.

    Horizontal and Vertical control? yup!! Design and control for white space? yup!! A combination of fix and flexible rows that will make responsive design more awesome? yup!

  • Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)

    Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)

    WordCamp Europe 2017Speaker: Morten Rand-Hendriksen

    June 30, 2017 — CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! Imagine drawing a grid in the browser and placing content in one or any number of cells without having to change the HTML or source order. And imagine changing that grid on the fly using media queries or JavaScript while keeping the HTML markup clean and accessible. That’s what CSS Grid does, and that’s why you should be using it today.
    The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
    In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way.
    CSS Grid is here, and you can start using it today. This talk shows you how to do it right.

    Presentation Slides »