If you want to use CSS, and less of it, when building WordPress themes or plugins, you should be using Sass. Sass is the adopted and widely supported CSS compiler for WordPress, which allows you to use variables, mixins, and nesting to write simpler code. In this course Morten Rand-Hendriksen covers practical workflows for incorporating Sass into the development of a WordPress theme, along with Grunt.js, a task runner that translates Sass code into browser-friendly CSS. First Morten walks the viewer through a full production setup, including implementation of version control, Grunt.js, Ruby, and Sass on Windows and Mac. Then he’ll present practical workflows for developing a custom theme (based on the _s or Underscores theme) with Sass and shipping “pure CSS” versions to the public.
Note: This course doesn’t teach Sass itself. To learn more about the language, watch CSS with LESS and Sass.
LEVEL – Intermediate
COURSE TOPICS:
Setting up your development environment
Installing Node.js, Ruby, Grunt, and Sass
Setting up Grunt and Sass on Mac and Windows
Adding support to Grunt, Sass, Watch, and Autoprefixer in WordPress
Building custom themes with _s and Sass
READ MORE
LEARN THIS COURSE FOR FREE *10 days of free unlimited access to “WordPress: Developing with Sass and Grunt.js”
Instructor’s Welcome Note:
– Hi, I’m Morten Rand-Hendriksen, staff author here at lynda.com and this is WordPress: Developing with Sass and Grunt.js. Sass is a popular extension language to CSS that allows us to use things like variables and mixins, and partials, and nesting, to write simpler CSS. It’s become really popular in the front-end web development community, and also in the WordPress community, and that’s why you should learn how to use it. Now the challenge with Sass, is that you can’t simply write Sass code or SCSS code and present it to the browser.
For the browser to understand it we have to convert it to CSS. And in the WordPress community, the most common way of doing this is by using the Task Runner application known as Grunt. To start off, we’ll look at Sass and Grunt and how to use these applications in the best possible way. Then, I’ll show you how to install Sass and Grunt on both a Windows computer and a Mac. And finally, I’ll walk you through the workflow of developing a new custom theme from scratch using Underscores and Sass and Grunt.js. Knowing how to use Sass and Grunt.js will greatly enhance the workflow of your custom theme development.
So let’s get crackin’, with WordPress: Developing with Sass and Grunt.js.
Get 10 days of FREE unlimited access to Lynda.com.
WordPress: Developing with Sass and Grunt.js
Blogs Tutorials
Morten Rand-Hendriksen tutorials
Lynda review
from Course reviews, freebies, coupons http://www.coursetag.com/free-wordpress-developing-with-sass-and-grunt-js-web-wordpress/
No comments:
Post a Comment