» » Lynda - Creating a Responsive Web Experience

Information of news
  • Author: kityvn
  • Date: 7-06-2015, 09:15
7-06-2015, 09:15

Lynda - Creating a Responsive Web Experience

Category: Tutorials

Many times, simply resizing your web design is not enough to create a satisfying user experience. This course helps you make your webpages more responsive to different screen sizes with HTML, CSS, and javascript. Picking up where he left off in Creating a Responsive Web Design, Chris Converse shows how to modify your existing HTML, dynamically load content, animate elements on the page, and collapse the navigation on smaller screens-while allowing users to expand menus with a tap of their finger.
Note: This course uses the jQuery javascript library to add interactivity and other features to the example site. But if you've never written javascript before, don't worry. This course provides a step-by-step approach to writing just the code you need to replicate the experience Chris shows on screen.

Preview the final project
About the exercise files
The software you'll need to complete this course
For those using Dreamweaver

1. Modifying the Previous Project
Modifying the graphics
Adjusting the CSS for the navigation

2. Dynamically Loading Content
Adding a content container and files
Adding javascript and jQuery to your project
Loading content with jQuery

3. Styling the Hero Area
Positioning the image and caption
Styling the hero captions

4. Adjusting the Experience Based on Screen Size
Determining the screen size with javascript
Detecting a change in screen size
Loading alternative content based on screen size
Setting up the mobile nav button
Setting up the mobile nav panel
Opening and closing the nav panel

5. Animating the Hero Panel
Preloading images
Animating the hero elements

6. Maintaining Support for Internet Explorer 7 and 8
Altering the CSS and javascript for Internet Explorer 7 and 8

Where to go from here

Lynda - Creating a Responsive Web Experience

Lynda - Creating a Responsive Web Experience

Lynda - Creating a Responsive Web Experience

Lynda - Creating a Responsive Web Experience

I recommends Buy premimum account for High speed+parallel downloads!





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