» » Building a Responsive Single-Page Design with Ray Villalobos

Information of news
  • Author: voska89
  • Date: 10-11-2015, 01:51
10-11-2015, 01:51

Building a Responsive Single-Page Design with Ray Villalobos

Category: Tutorials

Building a Responsive Single-Page Design with Ray Villalobos
Building a Responsive Single-Page Design
Duration: 4hr 55m | Video: h264, yuv420p, 1280x720 30fps | Audio: aac, 44100 Hz, 2 ch | 966 MB
Genre: eLearning | Language: English

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

Buy Premium From My Links To Get Resumable Support,Max Speed & Support Me



Site BBcode/HTML Code:
Dear visitor, you went to the site as unregistered user.
We recommend you Sign up or Login to website under your name.
Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.

Tag Cloud

archive of news

free html hit counter