‘Sass’ Videos

  • Erin Thompson: FoundationPress - Adding Functionality and Style to Custom Themes

    Erin Thompson: FoundationPress – Adding Functionality and Style to Custom Themes

    WordCamp Kansas City 2018Speaker: Erin Thompson

    May 28, 2018 — What is FoundationPress and how does it help streamline theme development? We will walk you through the process of installing and using FoundationPress to build highly functional custom WordPress themes. Move beyond CSS as we teach you the basics of SASS to add spunk to your site’s style. We will also teach the most efficient way to use the command line as part of your development process, so your site is as functional as it is stylish!

    Presentation Slides »

  • Beth Soderberg: SASS Is Not Scary

    Beth Soderberg: SASS Is Not Scary

    WordCamp Baltimore 2017Speaker: Beth Soderberg

    October 23, 2017 — Sass (Syntactically Awesome StyleSheets) has emerged as the dominant CSS extension and preprocessor used by front end developers. At first, I was afraid to make the jump from writing vanilla CSS to learning Sass, but once I dedicated myself to the concept of learning Sass I found that it wasn’t as hard to learn as I thought it would be AND that it also made my code more elegant and my development process more efficient. This talk will explore how to get started with Sass in a way that eases the transition to using a preprocessor. We’ll take a look at a number of considerations regarding Sass, including how to set up a WordPress theme to use it, the basics of variables, mixins, nesting, and partials, and helpful resources to learn more.

    Presentation Slides »

  • Kancha Kaji Prajapati, Ritesh Shakya and Mishal Rai: SASS for WordPress

    Kancha Kaji Prajapati, Ritesh Shakya and Mishal Rai: SASS for WordPress

    WordCamp Kathmandu 2016Speakers: Kancha Kaji Prajapati, Ritesh Shakya, Mishal Rai

    December 2, 2016 — Kanchha Kaji Prajapati along with 2 Front-end developer Mishal Rai and Ritesh Shakya conducted a workshop about SASS based on the WordPress. In the workshop, they talked about the awesome features of SASS and guidelines to set up a project.

    Presentation Slides »

  • Matt Vanderpol: Building Custom WordPress Themes With Sass

    Matt Vanderpol: Building Custom WordPress Themes With Sass

    WordCamp Sacramento 2016Speaker: Matt Vanderpol

    October 30, 2016 — This talk is an overview of how to incorporate Sass into your theme building practices.

    The talk will cover:

    What is Sass and why should you use it
    File organization, including WordPress-specific considerations
    Sass best practices, including WordPress-specific considerations
    Using a task runner (grunt/gulp) and development best practices
    Thoughts and considerations for parent/child themes
    Incorporating 3rd party libraries and frameworks
    Exposing styles to WP Admin for better WYSIWYG display
    Thoughts and considerations for development vs production CSS
    Debugging CSS issues in the Sass
    Mention of PostCSS and how it can complement Sass

    Presentation Slides »

  • Zarko Jovic: CSS on Steroids (SASS)

    Zarko Jovic: CSS on Steroids (SASS)

    WordPress Meetup NišSpeaker: Zarko Jovic

    October 10, 2016 — Using SASS in WordPress development. Lecture held at 3rd WordPress Meetup in Nis, Serbia. Official hashtag #WPNis

    Presentation Slides »

  • Michelle Marin: Sassify Web Development

    Michelle Marin: Sassify Web Development

    WordCamp Miami 2016Speaker: Michelle Marin

    April 20, 2016 — A basic overview on sass, why use it, how it can save time and prevent errors with ‘search and replace’ alternative, and how to use variables and pre-made mixins in projects.

    Presentation Slides »

  • Mike DeWitt: Developing WordPress Themes Using Modular Sass

    Mike DeWitt: Developing WordPress Themes Using Modular Sass

    WordCamp Toronto 2015Speaker: Mike DeWitt

    January 11, 2016 — CSS preprocessors make developing clean and semantic stylesheets effortless. My talk will take someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example.

    I will go through some of the benefits and cool tricks you can implement with this structure including breakpoint includes, variables, functions, nesting, and mixins.

    Finally I will address perhaps the greatest hurdle to immediately implementing Sass in your WordPress theme — compiling. I will take people through the common methods of doing this including Grunt, Compass, and WordPress plugins like WP-SCSS.

    Learning Outcomes:

    – Look at their current workflow and ask the question: Why am I repeating myself? And how can I automate it?
    – Embrace a CSS workflow that is made up many small components instead of one large component.
    – Gain familiarity we core features of Sass like nesting, variables, mixins, functions, and imports.
    – Feel confident in using a library like Bourbon to write stylesheets that have better browser compatibility, all while writing less lines of code.
    – Be aware of build tools like Grunt/Gulp, which can be used to compile Sass in addition to many other front end tasks.
    – Feel confident in implementing Sass in a WordPress theme immediately.

    Presentation Slides »

  • Konstantin Dankov: Quick And Easy Custom Themes With _s, WP-CLI, Gulp And Sass

    Konstantin Dankov: Quick And Easy Custom Themes With _s, WP-CLI, Gulp And Sass

    WordCamp Sofia 2015Speaker: Konstantin Dankov

    December 28, 2015 — Искам да покажа, че за представителни сайтове, а и не само, добър Front-End’ър може да направи нова тема изключително бързо. 10 мин представяне и минаване през плана за действие и 30мин демо в което ще използвам редица от инструменти за да създам тема за WordPress със стилове за постове и страници, че даже и с поддръжка на разлини layout-и.

  • 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).

  • Bernhard Kau: Beginner’s Guide to SASS

    Bernhard Kau: Beginner’s Guide to SASS

    WordCamp Norrköping 2015Speaker: Bernhard Kau

    October 9, 2015 — Every web designer should know how to build a responsive website using some fancy CSS3 features. But dealing with different browsers and with constantly changing clients request can be a huge hassle.

    This introduction session will give you a brief overview over the features of SASS. You will learn how to utilize SASS to speed up your development and handle those clients’ requests with ease.

    Presentation Slides »