‘CSS’ Videos

  • Josh Collinsworth: Be Classless – Optimizing Your CSS for WordPress

    Josh Collinsworth: Be Classless – Optimizing Your CSS for WordPress

    WordCamp Omaha 2015Speaker: Josh Collinsworth

    November 17, 2015 — It’s easy to get caught up adding HTML classes (and IDs) to each and every element we want to style, but the fact is, WordPress helps us out with specific targeting by adding its own classes and IDs to certain elements on every page and post. Cleverly utilizing WordPress’s default page build along with CSS’s pseudo classes and combinators makes it possible to be highly specific with our targeted styles while leaving the original HTML completely alone. In short, if we look for ways, we can often avoid adding more classes and wrapping text in spans to have WordPress and CSS do the work for us.

  • Maura Teal: Getting Started With Sass

    Maura Teal: Getting Started With Sass

    WordCamp Philly 2015Speaker: Maura Teal

    November 17, 2015 — An introduction to Sass for beginning developers or power users who already have a basic understanding of CSS. This talk will go over getting started with Sass in WordPress theme development, including: Sass vs CSS, setup options (theme file structure or use of a CSS plugin), understanding variables, nesting, mixins, extends, and libraries like Compass and Susy.

    Additionally, this talk can cover use cases for integrating the Sass version of frameworks like Bootstrap or Foundation without having to clutter your theme’s markup. With that you get the best of both worlds (bespoke and human-readable classes and the springboard for development and design that frameworks provide).

  • Stephanie Hobson: Debugging CSS

    Stephanie Hobson: Debugging CSS

    WordCamp Vancouver 2015Speaker: Stephanie Hobson

    October 2, 2015 — CSS is awesome. Except when it’s not. From diagnostic styles to dev tools, we’ll cover a variety of techniques to help you determine if that unexpected behaviour is the result of a misplaced semicolon or if it’s time to file a bug report.

    Presentation Slides »

  • Kathryn Presner: A CSS Adventure

    Kathryn Presner: A CSS Adventure

    WordCamp Montréal 2015Speaker: Kathryn Presner

    September 21, 2015 — Ever wanted to make small changes to the look-and-feel of your site but weren’t sure how to go about it? Itching to change the colour of your site title, tweak the size of your paragraph text, or hide the date on your posts? Let’s go on a CSS adventure together! In this session you’ll learn some basic CSS (Cascading Style Sheets) and we’ll look at some practical examples, using a browser inspector to customize our site’s design.

    Some basic HTML knowledge is helpful, but not required. You should be open to looking “under the hood” at a site’s HTML and CSS.

  • Дмитрий Майоров: Элементы типографики для новичков

    Дмитрий Майоров: Элементы типографики для новичков

    WordCamp Russia 2015Speaker: Dmitry Mayorov

    August 20, 2015 — Дмитрий расскажет о простых правилах типографики, которые лежат в основе хорошего сайта. Правилах, которые мало зависят от тенденций и трендов и будут также актуальны через много лет.

    Presentation Slides »

  • Lara Schenck: Sass - “CSS With Superpowers”

    Lara Schenck: Sass – “CSS With Superpowers”

    WordPress Meetup NYCSpeaker: Lara Schenck

    June 28, 2015 — You’ve been meaning to start using Sass in your projects, right? But it looks hard…is it really worth figuring out? Yes, yes it is! Sass is “CSS with superpowers” and a wonderful entry point into larger development concepts and best practices. We’ll talk about what Sass is, how to get started, and identify some key features you can apply to your own work.

    Presentation Slides »

  • Bernhard Kau: Einführung in SASS

    Bernhard Kau: Einführung in SASS

    WordCamp Cologne 2015Speaker: Bernhard Kau

    June 25, 2015 — In seinem Vortrag zeigt Bernhard Kau eine Einführung in die Arbeitsweise von CSS-Präprozessoren. Am Beispiel von SASS werden Funktionen gezeigt, die bei der täglichen Arbeit mit CSS helfen können.

    Presentation Slides »

  • Alec Rippberger: OOCSS, SMACSS & BEM for Modular, Scalable CSS

    Alec Rippberger: OOCSS, SMACSS & BEM for Modular, Scalable CSS

    WordCamp Minneapolis 2015Speaker: Alec Rippberger

    May 26, 2015 — This talk covers the three major conventions for organizing CSS: Object Oriented CSS (OOCS), Scalable and Modular Architecture for CSS (SMACSS) and Block Element Modifier (BEM). And discusses similarities, differences and use cases between the schools, as well as general tools that can be used to speed up and clean up the CSS development process.

  • Alexandre Simard : Sélecteurs CSS à la rescousse ; techniques incontournables pour WordPress

    Alexandre Simard : Sélecteurs CSS à la rescousse ; techniques incontournables pour WordPress

    WordCamp Montréal 2014Speaker: Alexandre Simard

    May 26, 2015 — On vous a convaincu, vous voulez bien faire les choses. Vous ne modifierez pas le code de WordPress, des extensions ou de votre thème. Mieux encore, vous êtes sur WordPress.com et vous ne pouvez tout simplement pas modifier ce code. MAIS… vous aimeriez _tellement_ que la sidebar soit à gauche plutôt qu’à droite (seulement dans les pages, pas dans les articles). Tant qu’à y être, on pourrait pas enlever le texte “Les commentaires sont fermés.”? On peut tout faire ça en CSS, et bien plus encore. À l’aide d’exemples concrets, nous illustrerons comment la puissance des sélecteurs CSS vous permet de modifier pratiquement toute l’apparence de votre site, sans toucher une ligne de PHP ou de HTML.

    Presentation Slides »

  • Sarah Semark: I Broke Up with Photoshop—And You Can Too!

    Sarah Semark: I Broke Up with Photoshop—And You Can Too!

    WordCamp Montréal 2014Speaker: Sarah Semark

    May 25, 2015 — This presentation talks about getting out of the Photoshop mindset, embracing the tools that the modern web has provided us in order to streamline our development practises and get real-live sites up and running fast. We’ll start with talking about how to use style tiles to reduce the amount of time spent on mockups, and then we’ll move on to discuss how to leverage available tools in order to quickly get a site running: skeleton themes, CSS precompilers, version control for quick deployment, icon fonts, browser development tools, grids, and CSS frameworks. Whew!

    Presentation Slides »


Get every new post delivered to your Inbox.

Join 19,192 other followers