Easy CSS with Sass
5.0 (9 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.
157 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Easy CSS with Sass to your Wishlist.

Add to Wishlist

Easy CSS with Sass

Learn how to easily build and manage your Css3 files with the use of Syntactically Awesome Stylesheets.
5.0 (9 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.
157 students enrolled
Last updated 9/2013
English
Price: $50
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Text or html editor
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:

</>

Who is the target audience?
  • This course is intended for everyone with the knowledge of CSS
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 37 Lectures Collapse All 37 Lectures 02:02:20
+
Introduction
2 Lectures 02:26
+
Installation
2 Lectures 03:35
+
Setup
3 Lectures 11:17
+
Usage
10 Lectures 26:31
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
+
Buttons component
17 Lectures 01:08:24
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
+
Fun time
2 Lectures 09:33
Adding buttons to the page
04:51

Modifying buttons
04:42
+
Conclusion
1 Lecture 00:34
What's next?
00:34
About the Instructor
Sebastian Sulinski
4.2 Average rating
192 Reviews
1,129 Students
13 Courses
Founder of SSD Tutorials

A passionate web developer with over a decade experience 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.