‘CSS’ Videos

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

  • Saied Abbasi: Death Of The Media Query

    Saied Abbasi: Death Of The Media Query

    WordCamp Montreal 2017Speaker: Saied Abbasi

    October 7, 2017 — We’ve all been there. Your site looks beautiful on mobile, tablet, and desktop but 768 pixels to 900 pixels is a disaster. Creating a truly responsive website experience goes beyond using bootstrap. Frontend Developers consistently find themselves creating elaborate sets of Media Queries that are time consuming to create and difficult to maintain.

    This talk will explore browser-compatible innovations in CSS that you should start employing in place of Media Queries. The end result will save time and create more adaptive web experiences.

    We will explore practical use cases for the calc() function, Flexbox, and Mozilla’s CSS Grid.

  • Сергей Попов: Хватит кормить динозавров!

    Сергей Попов: Хватит кормить динозавров!

    WordCamp Moscow 2017Speaker: Sergey Popov

    October 7, 2017 — Спецификации JS и CSS стремительно развиваются, существенно облегчая жизнь разработчикам. Однако, что-то заставляет разработчиков отказываться от современных спецификаций в пользу поддержки старых браузеров. Почему? Что мы теряем и из-за кого? Давайте разберёмся с этим вопросом раз и навсегда.