LT- Responsive CSS with Sass & Compass - 2013

seeders: 0
leechers: 0
Download torrent
Added on June 2, 2015 by nex_xenin Other > Tutorials
Torrent verified.


LT- Responsive CSS with Sass & Compass - 2013 (Size: 1 GB)
 140777_00_02_XR15_whatyoushouldknow.mp43.92 MB
 140777_00_03_XR15_exercisefiles.mp41.89 MB
 140777_00_01_WX30_Welcome.mp411.17 MB
 140777_01_01_XR15_WhatisSass.mp412.37 MB
 140777_01_02_XR15_workflows.mp410.73 MB
 140777_01_03_XR15_folders.mp47.87 MB
 140777_01_04_XR15_versioncontrol.mp412.87 MB
 140777_01_05_XR15_npm.mp416.46 MB
 140777_02_01_XR15_gruntjs.mp419.51 MB
 140777_02_02_XR15_watch.mp411.06 MB
 140777_02_03_XR15_live_reload.mp418.1 MB
 140777_02_04_XR15_compass.mp423.03 MB
 140777_02_05_XR15_Installing_Susy.mp43.96 MB
 140777_03_01_XR15_preview.mp47.18 MB
 140777_03_02_XR15_Prepping.mp418.47 MB
 140777_03_03_XR15_headerfooter.mp425.63 MB
 140777_03_04_XR15_speakerinfo.mp418.61 MB
 140777_03_05_XR15_primarysecondary.mp423.77 MB
 140777_04_01_XR15_partials.mp47.48 MB
 140777_04_02_XR15_variables.mp417.29 MB
 140777_04_03_XR15_compass_structure.mp418.26 MB
 140777_04_04_XR15_fonts.mp416.79 MB
 140777_05_01_XR15_basestyles.mp430.07 MB
 140777_05_02_XR15_modules.mp422.9 MB
 140777_05_03_XR15_controlling_parameters.mp422.11 MB
 140777_05_04_XR15_mobilefirst.mp426.78 MB
 140777_06_01_XR15_susy.mp420.49 MB
 140777_06_02_XR15_layout.mp428.7 MB
 140777_06_03_XR15_sidebar.mp414.93 MB
 140777_06_04_XR15_breakpoints.mp431.67 MB
 140777_06_05_XR15_navigation.mp420.66 MB
 140777_06_06_XR15_speakers.mp431.17 MB
 140777_06_07_XR15_finish.mp434.04 MB
 140777_07_01_XR15_nextsteps.mp43.74 MB
 Ex_Files_CSS_N_Sass.zip432.76 MB


Description

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 first-Mobile Grid with Susy-without Adding nonsemantic HTML Markup. Need A refresher on Sass? Check out CSS with LESS and Sass with Joe Marini. Application frameworks simplifies the workflow and makes writing CSS even funny.

Introduction
Welcome
What you Should know
Using the exercise Files

1. Getting Started
What is Sass and Compass?
Analyzing Workflow options
Setting up A Folder structure
Adding version control
Using Node.js NPM with package.json

2. Setting Up A Workflow with Grunt.js
Creating your first task
Watching out for automated tasks
Reloading your Browser save on
Setting up A config.rb file for Compass
Adding Susy for responsive grids

3. Scaffolding Our HTML
What we'll be Building
Preparing Our assets
Scaffolding the header and footer
Adding Our speaker info
Inserting the main Content

4. Principles Sass
Sass with your Modularizing partials
Creating A color palette with variables
Understanding Compass Imports
Adding Custom Fonts and icons

5. Styling with Sass and Compass
Styling Our Base with partial variables, selector helpers, and parent selectors
Making your CSS more semantic
Controlling mixin parameters
Creating A Mobile-first Layout

6. Responsive Layout Grids with Susy
Setting up Susy's defaults
Starting Layout Our structure
Our ​​Modifying Secondary Content
Displaying Content on Media Query breakpoints
Adjusting Our navigation
Improving Our Speakers section
Finishing Our Layout Conclusion Next steps

Format : MP4 Video : MPEG-4, 960x540, 16: 9, 30fps, 1201kbps Audio : AAC, 48kHz, 160kbps, stereo

Sharing Widget


Download torrent
1 GB
seeders:0
leechers:0
LT- Responsive CSS with Sass & Compass - 2013