Development
Web Development
Sass
Compass - powerful SASS library that makes your life easier
4.1 (51 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
27,564 students enrolled

Compass - powerful SASS library that makes your life easier

Improve your SASS skills by learning the benefits of the Compass framework, which has many time-saving useful utilities
4.1 (51 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
27,564 students enrolled
Created by Arkadiusz Włodarczyk
Last updated 7/2020
English
English [Auto]
Preview this course
Compass - powerful SASS library that makes your life easier
Current price: $48.99 Original price: $69.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 2 articles
  • 11 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • install compass
  • integrate compass with sass
  • explore compass framework
  • use and know what are sprites
  • know how to create vendor prefixes using mixins
  • integrate compass and sass inside great IDE so the process of compilation is gonna be automated and you won't lose your precious time
  • the most useful mixins/functions
Course content
Expand all 22 lectures 01:49:25
+ – Introduction to the Course
3 lectures 05:39

After this lesson you will know what is compass and where it is used and why it is worth using it.

Compass is a framework (library) for SASS which means that you can find inside it lots of useful tools.

These tools can save your time while you are developing your websites. By using Compass you can use created by others functions/mixins which you would need to most time write on your own.

The most useful utilities is creating almost instantly sprites. What are sprites? Watch this lesson...

What is Compass?
Preview 02:06

Who is the author of this course and why he is the right person to listen about this topic.

Who Am I?
Preview 01:26

Who is this course designed for? What can you accomplish after taking the course? How this course differs from others?

After this course you will be able to:

  • install compass
  • integrate compass with sass
  • use compass
  • use and know what are sprites
  • use compass inside a great IDE
  • know how to create vendor prefixes using mixins
  • and much more
What you will know after this course?
Preview 02:07
+ – Compass Installation
4 lectures 16:19

In this lesson you gonna learn how to install compass and integrate it with NetBeans.

Installation of Compass
06:05

If you have problems with SSL when downloading Compass - here you have the ultimate solution.

Solution for problems with SSL when installing Compass
00:18

If you do not want to use Netbeans, you gonna need to know how to instal compass maunally. After this lesson you will know how to do it.

Compass manually installation
06:20

After this lesson you will know how to configure your compass installation with config.rb file. It is important to know how create this file and operate within it in order to set your paths properly.

Configuration using config.rb file
03:36
+ – Sprites
4 lectures 20:41

After this lesson you will want to know everything about sprites in order to make your website load faster.

What are sprites? Why they are so awesome?
Preview 03:45

After this lesson you will know how to create a sprite using Compass. You will know how to generate it with or without dimensions and how to use sprite on your website.

Creating sprites using Compass
10:07

How to configure sprites? What are possible configurations?

Customization of sprites
04:24

What is so magical about sprites?

Magic in Compass using Sprites
02:25

So what do you know about Sprites after this course?

Creating Sprites in Compass is so awesome! - Rehearsal
6 questions
+ – Usage
7 lectures 38:17

After this lesson you will know useful mixins helping you with creating website.

Mixins used for creating vendor prefixes
09:36

It's very important to create website targetted especially for some kind of browsers. After this lesson you will know how to set minimum browser requirement for vendor prefixes.

Setting vendor prefixies minimum browser requirement
07:36

How to create very fast horizontal list using Compass?

How to make horizontal lists fast?
04:06

Rhytm in music is important. Rhytm(intuition) is also important when you are designing how your text is placed on your website.

How to keep 'rhytm' in text using Vertical Rhytm
Preview 07:01

After this lesson you will know very useful helper functions in Compass like inserting width and height of your images

Helper functions
04:56
Streching boxes
04:24

What is the most important parts of Compass and what we should avoid?

Fast Summary of Usage section
00:38
+ – BONUS: installation of SASS/Ruby/IDE
3 lectures 22:53

After this lesson you will know how to download and install Netbeans

Ideal editor for working with SASS and Compass
04:40

After this lesson you will know how to install and configure SASS in Netbeans

Installation and configuration of SASS
11:47

After this lesson you will know how to manually compile SASS

Manually compilation of SASS
06:26
+ – Summary
1 lecture 05:35

What you should learn after this course?

What after this course?
Preview 05:35
Requirements
  • You should already be familiar with CSS, HTML and SASS.
Description

    Compass is a framework (library) for SASS which means that inside of it you can find lots of useful utilities -that I will be showing you inside this course.

These utilities can save your time with developing your websites. By using Compass, you can use various functions/mixins created by other programmers, which you would normally need to write on your own.

As always time = money. Save your time by learning Compass. 

Make your website load faster using Sprites within Compass. With Compass you can create Sprites instantly. If you do not know what Sprites are, watch my free lesson about Sprites and you will see that this course is worth taking. 

After my course you will know how to: 

  • install compass

  • integrate compass with sass

  • use compass

  • use and know what are sprites

  • use Compass inside a great IDE

  • create vendor prefixes using mixins

  • and much more

I give you 100% satisfaction - if you do not like my course you can request a full refund up to 30 days. Remember that if you have any questions regarding topics covered in the course please feel free to ask. I'm always happy to help! 

Please check free lessons before buying! See for yourself the great quality of the course and enjoy it!   

Who this course is for:
  • This Compass course is meant for people who do not know Compass or want to improve / remind themselves of things that are inside Compass. No prior knowledge about Compass is needed.
  • This course is not for you if you do not know SASS