July 9, 2019 — Conoceremos los principales beneficios y algunas funciones avanzadas de este preprocesador para CSS que acelerarán nuestro trabajo de front-end y nos permitirán escribir CSS más fácilmente y mejor estructurado.

Presentation Slides »

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 »

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 »

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 »

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 »

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

Presentation Slides »

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 »

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 »

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

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