Cargando…
Mastering Sass.
Create interactive and responsive cross-browser apps with SASS and CompassAbout This Book Create data-intensive, highly scalable apps using Sass and COMPASS Master the concepts of Sass and COMPASS and unleash your potential to develop enterprise-grade apps This book is an experts' guide on leve...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Packt Publishing,
2016.
|
| Edición: | 1. |
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover ; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Requirements; Ruby, Sass, and Compass; Ruby; Ruby installer for Windows; Updating Ruby for Windows; Updating Ruby for Mac; Sass and Compass; Node and NPM; HTML5; HTML; CSS; Programming; The command line; Windows and Unix users; Windows; Unix (Mac and Linux); You know your command line; Summary; Chapter 2: Sass
- The Road to Better CSS; A bit of sassy reminiscing; Setting up our project; Sass; C'mon, where's the Sass already?!; Command line options in Sass.
- Watching files and directoriesCompile files and folders; Force Sass to compile; CSS output style; Sourcemaps; On the right heading!; A better If; Our heading sizes mixin; Three things you should know about lists; Heading line heights; But wait, there's more ... ; Allowing for different font families for each heading; Remove repetition; Error handling and type validation; Data types in Sass; @error; @debug; @warn; Bonus round; Summary; Chapter 3: Compass
- Navigating with Compass; Setting up a Compass project; Typography with Compass; What is vertical rhythm?; Vertical rhythm for images.
- A few things you need to knowBreakpoints and media queries; Aspect ratio; Sizing our headings; CodePen or SassMeister; Getting setup; CSS3, Compass, and Vendor prefixes; CSS regions; Columns; Transforms; Animations; Lists; Floating is a hack; Tag clouds; Sticky footer, stretching, and sprites; Compass and the future; Summary; Chapter 4: CSS and HTML
- SMACSS, OOCSS and Semantics; The good and the bad of CSS grids; Semantics; Naming conventions; OOCSS
- Object-Oriented CSS; Separation of structure from skin; Separating container from content; Atomic Design; SMACSS; Base; Layout; Modules; State.
- ThemeWhy aren't you using HSL?; A look at hue, saturation, and lightness; Don't use Photoshop to get HSL values; reset.css versus normalize.css; reset.css; normalize.css; sanitize.css; Make your own; Summary; Chapter 5: Advanced Sass; Variables;!default; Variable scope; Local scope;!global flag; Variable scope in functions; Deeply nested variable scope; Making arrows in Sass; Come back,!important, all is forgiven; @content directive; Using @content for media queries; Maps; Summary; Chapter 6: Gulp
- Automating Tasks for a Faster Workflow; Setting up our project.
- Creating our folder and filesWhy Gulp and not Grunt?; Node and npm; Node.js, node-sass, and fileWatch; Watching for changes and writing to a file; Setting up Gulp; Gulp watch; BrowserSync; Summary; Chapter 7: Sourcemaps
- Editing and Saving in the Browser; What are source maps and why should you care?; Setting up Source Maps in Firefox; Minor Gulp, Source Maps and BrowserSync issue; Setting up Source Maps in Chrome; Summary; Chapter 8: Building a Content-Rich Website Components; Setting up our project; Gulp; Adding jQuery; Helpers; Function
- get; Mixin
- hover links; Mixin
- bp (breakpoint).
- Mixin
- media (based on the OOCSS media component).