‘CSS’ Videos

  • 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

  • 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:
    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 стремительно развиваются, существенно облегчая жизнь разработчикам. Однако, что-то заставляет разработчиков отказываться от современных спецификаций в пользу поддержки старых браузеров. Почему? Что мы теряем и из-за кого? Давайте разберёмся с этим вопросом раз и навсегда.

  • Shannon Smith: New CSS Toys For Themes

    Shannon Smith: New CSS Toys For Themes

    WordCamp Toronto 2017

    October 7, 2017 — Check out all newest things that CSS can bring to WordPress theme development: CSS Filters, Feature Queries, Native Mixins, Grid Layout, Native Variables, and more. Learn how they work and when to use them. For theme designers.

    Presentation Slides »

  • Julie Kuehl: CSS Sanity With Sass

    Julie Kuehl: CSS Sanity With Sass

    WordCamp Seattle 2016Speaker: Julie Kuehl

    October 3, 2017 — You always start with the best of intentions. The parent/starter theme you begin your custom site with has a beautifully laid out style.css file. You do your best to keep everything organized and logical, but in the throes of deadlines and CSS frustrations things get ugly. Maybe you’ve heard of Sass and don’t know how to begin. Maybe you’ve used Sass and aren’t quite seeing the light yet. We’ll go over how to begin with Sass and how to use the Inverted Triangle way of organizing Sass to help you keep your sanity throughout the entire project.

    Presentation Slides »