Easy CSS with Sass

Learn how to easily build and manage your Css3 files with the use of Syntactically Awesome Stylesheets.
5.0 (7 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
152 students enrolled
$50
Take This Course
  • Lectures 37
  • Contents Video: 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2013 English

Course Description

This course will give you a solid understanding of what Sass is and how to use it to easily produce and manage your project's css files.

During this course we will cover the most commonly used features of Sass and see how they can help to create the optimised stylesheets with just a few lines of code.

We will complete the course by creating the set of buttons ready to use with any future project - changing colours, sizes and shapes with a simple change of the value assigned to a relevant variable.

This course is suitable for those with the good understanding of Css and who want to learn how to reduce the time creating and easily manage their css files.

Update

The Font-Awesome is now available at the following location: http://fontawesome.io/. And in order to add icon to the 'i' element use the class in the following way:

</>

What are the requirements?

  • Text or html editor

What am I going to get from this course?

  • By the end of this course you will be able to produce the stylesheet for a set of attractive looking web buttons
  • In this course you will learn how to install and use Sass in order to easily produce and manage your css files

What is the target audience?

  • This course is intended for everyone with the knowledge of CSS

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
What's in the package?
Preview
01:13
Resources
Preview
01:13
Section 2: Installation
Mac OSX
Preview
01:47
Windows
Preview
01:48
Section 3: Setup
Page structure
Preview
03:46
Sass watch
Preview
02:18
Output styles
05:13
Section 4: Usage
Class inheritance
03:33
Placeholder
02:02
Variable
02:32
Mixin
04:29
Grouping items
01:16
Function
02:01
Width mixin
02:28
Looping with @for
04:27
Loop output
02:21
Comments
01:22
Section 5: Buttons component
Organising files
04:55
Variables
05:14
Button specific variables
03:51
Pixels to Em
04:20
Opacity and Inset shadow
03:44
Rounded corners
04:50
Set of placeholders
03:01
Global styles
03:38
Placeholder sequence
02:08
Button padding
02:45
Button border, size and main button mixin
07:00
Button base
04:14
Button style
03:44
Button rounded
02:05
Rounded corners and disabled
05:30
Argument binding
01:21
Button classes
06:04
Section 6: Fun time
Adding buttons to the page
04:51
Modifying buttons
04:42
Section 7: Conclusion
What's next?
00:34

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sebastian Sulinski, Founder of SSDTutorials.com

A passionate web developer and bass player with over 10 years in web industry.

Founder of SSD Tutorials, where he publishes his free and premium tutorials on how to build modern web applications.

Currently living and working in United Kingdom as a Senior Web Developer for one of the companies in West Sussex.

Ready to start learning?
Take This Course