- Basic understanding of CSS and prefixed properties
- Basic knowledge of HTML (not required but strongly recommended)
- Welcome to this Avelx course, this course will develop your skills in maintaining structured stylesheets. Sass is a CSS preprocessor which allows a more functional approach to styling; such as variables, mixins, if statements, loops, maths, inheritance and more.
First I'll show you how to easily use the command line to keep our CSS up to date. We'll be watching our Sass files automatically for any new changes and exporting in real time. Also the command line allows real time compression to produce a smaller CSS file and converting between Sass and SCSS.
With projects getting larger and more detailed we need to keep our CSS maintained. This can be a handful when it comes to a standard CSS stylesheet. But with Sass everything can become a breeze!
- Web developers that need a solution to writing less CSS and a more simplified and structured stylesheet
- Web developers with knowledge of HTML and CSS
- Developers with some command line knowledge (but not required)
- SASS Installation04:37
- SASS Commands10:39
- Environment Setup07:06
- List Functions08:33
- Math Operators & Functions06:08
- If Directives09:34
- Function Directives04:27
- SASS Extended Introduction & Koala Compiler05:30
- SASS compiler auto prefix css properties01:15
- SASS Source Maps10:09
- SASS Grid13:30
- SASS Grid Media Queries17:38
- SASS Buttons18:02
- Bonus Lecture: Discount courses00:59
Lawrence Turton works as a web developer & graphic designer specialising in HTML, CSS, jQuery, UI & UX design. He has previously worked with Fifteendesign producing websites, iPhone and Android apps and started his own agency in 2010 called Elite Web Design. During that time Lawrence has established a wide range of clients from blue chip companies to large corporations. From a young age he was an online instructor and started to work with two of the leading online training specialists Cartoonsmart and Envato. Lawrence always created projects involving designs in Photoshop and bringing his creations to life by coding them with web technologies. This gives him a unique perspective into real world projects from start to finish and a wealth of information for new comers to the web industry.