Join Ray Villalobos for an in-depth discussion in this video Next steps, part of Building a Responsive Single-Page Design with Sass.
Hey there, once again this is Ray Villalobos.…Thanks for watching this course.…I worked for years as a designer and front end developer, and I really enjoyed…building and learning from project based courses that have real world applications.…So, if you like this course, check out some of my other courses on lynda.com.…If you like the workflow aspect of this course,…make sure you watch Web Project Workflows with Gulp.js, Git and Browserify.…The course you've just taken is a more practical application of…what you learn on this course.…It gives you detailed instructions on how to roll your own workflows.…
Now, a couple of other courses that use real projects are Building a Website with…Node.js and Express.js, and Up and Running with Angular.JS.…If you want more experience with Sass and…Compass, check out responsive CSS with Sass and Compass.…That one's pretty much an older version of this course that goes into…more detail on how to work with Sass.…And if you really want to master animations, make sure you take time to…
- 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.
- 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
Skill Level Intermediate
1. Getting Started
2. Organizing Your Sass
3. Creating Responsive Grids with Susy
4. Animating Your Layouts
Next steps1m 38s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.