‘Sass’ Videos

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

  • Dustin Yoxall: Let The Robots Win! How to Utilize Task Automation to Speed Up Your Workflow

    Dustin Yoxall: Let The Robots Win! How to Utilize Task Automation to Speed Up Your Workflow

    WordCamp Baltimore 2015Speaker: Dustin Yoxall

    September 21, 2015 — In this talk I will showcase some of the tools I use to speed up my development process and some of the reasoning behind the way I have things set up. I will touch on subjects like developing locally, using git, the benefits of Sass and why everyone should be using it, running grunt tasks to compress your css, js, and images as well as using autoprefixer. I can also briefly touch on using frameworks if time and interest allow for it.

    Presentation Slides »

  • Michael DeWitt: Developing WP Themes with Using Modular Sass

    Michael DeWitt: Developing WP Themes with Using Modular Sass

    WordCamp Boston 2015Speaker: Michael DeWitt

    July 28, 2015 — CSS preprocessors make developing clean and semantic stylesheets effortless. My talk takes someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example. I 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 address perhaps the greatest hurdle to immediately implementing Sass in your WordPress theme — compiling. I take people through the common methods of doing this including Grunt, Compass, and WordPress plugins like WP-SCSS.

    Presentation Slides »