xREL.v3

QUASAR PROUDLY PRESENTS

Building a Responsive Single-Page Design
(c) Lynda.com

Supplier . : QUASAR       Size ..... : 20 x 50MB
Cracker .. : QUASAR       Protection : Condom
Packager . : QUASAR       Type ..... : Brain Enhancement
Date ..... : 09-23-2014   OS ....... : Win/Mac

Building a Responsive Single-Page Design
with Ray Villalobos

Learn how to build dynamic, responsive single-page designs
with HTML, JavaScript, and CSS. The website featured in this
course combines docking navigation, columns that adjust
without cluttering your site layout or HTML markup, and
animated scrolling effects that respond to user direction.
Author Ray Villalobos shows you how to build it. He starts
with a lean, easy-to-read template, and then explains how to
add the features that make single-page designs so great, with
these four frameworks:
Compass, whose Sass mixins help you leverage CSS3 features like Flexbox
Susy 2, the framework that "subtracts" the math from responsive grid design
ScrollMagic, for adding "magical" scroll effects
Breakpoint, which makes writing media queries in Sass a snap

But this course isn't just about the tools. It's a realistic
project that epitomizes many of the design challenges website
developers face in the real world. Start watching now and learn
how to use HTML, jQuery, and CSS to build your own dynamic,
deeply responsive designs.
Topics include:
Analyzing the project before you begin
Creating basic styles
Building your own Sass mixins
Coding the navigation
Making the navigation responsive, with grids
Using a split layout
Creating tween animations
Controlling scenes with scrolling

INSTALLATION

Unpack, burn or mount and enjoy.

GREETINGS

We salute our friends, our loyal members and our fair competitors.

THE ALMIGHTY QUASAR   2014