Responsive CSS with Sass and Compass
Duration: 3hr 22m | Video: h264, yuv420p, 1280x720 30fps | Audio: aac, 44100 Hz, 2 ch | 811 MB
Genre: eLearning | Language: English
Using a framework helps simplify your workflow and makes writing CSS fun again. Learn how Compass (powered by Sass) can help you build responsive layouts that are easier, faster, and more compatible than using CSS alone. In this course, Ray Villalobos shows how to automate your workflow with Grunt.js, scaffold your HTML, modularize your Sass with partials, and get started styling with variables and mixins. Plus, learn how to create a mobile-first grid with Susy-without adding nonsemantic HTML markup.
What are Sass and Compass?Adding version controlSetting up a workflow with Grunt.jsModularizing your Sass with partialsCreating a color palette with variablesUsing Compass mixinsCreating a mobile-first layoutCreating media-query breakpoints with SusyDesigning a responsive grid with Susy