Sass is a CSS extension language that shares some similarities with "normal" programming languages in that you can use variables, arrays (which are called maps in Sass), functions, mixins etc. of course since the browsers can't interpret SCSS files you have to compile them down to normal CSS. We have set up our task runner to do just that in the [previous episode](http://watch-learn.com/video-tutorials/basic-frontend-tools-gulp) so be sure to check that out.

In this episode I'm going to go over the basics of Sass and what it can do, this is in no way, shape or form everything the Sass can do, because I would need to create a whole series of videos to cover everything. But I think I covered most used things for Sass that you would find in th wild and they are a good starting point for you to start learnig Sass for yourself.

In this episode I'm going to show you how you can supercharge your CSS development by using CSS extension language called Sass.

Sass

In the [last episode](http://watch-learn.com/video-tutorials/making-websites-with-october-cms-part-13-creating-custom-form-widgets) we have set up our custom form widget, and displayed it on our form page. And now we have to prepare everything so that we can save the data that is coming through it.

First we need to create `Actor` model and then a pivot table that is going to connect our actors and movies. Next we will see how to prepare the variables that we are going to pass to our form widget, so that we can dynamically populate it and save it correctly to our database.

Along the way we are also going to learn a few new things, like how to debug our application, creating table accessors etc. It's a bit longer episode so I'm covering a lot of stuff.

In this episode we are going to be setting up everything so that we can save the data that we are passing through our October CMS form widget.

Saving Form Widget Data

In this tutorial we will make custom check box field for our custom post type. And using the value of that field we will display (or not display) some content on our page.

If you are not clear what's going on here please check [part one](http://watch-learn.com/video-tutorials/wordpress-custom-post-types-and-custom-fields-part-1-setting-up-custom-post-types-and-fields) and [part two](http://watch-learn.com/video-tutorials/wordpress-custom-post-types-and-custom-fields-part-2-single-pages-archives-linking-it-together) of this tutorial series.

In this tutorial you will learn how to take value of custom field and display some content depending on users input for that field.

Tutorials tagged with: variables

Get in touch