Creating Responsive Web Design

Name: Creating Responsive Web Design
Brand: Chris Converse
Price: 24.00 USD
Availability: Discontinued

4.5 Hours

$24.00$150.00

You save 84%

33 Lessons (4.5h)

Introduction
Introduction to this course
About this course
Terms and technology we'll be covering
What you'll need to complete this course
About the exercise files
Preparing the HTML Content and Structure
Setting up our project
The HTML strategy for our layout
Creating the main HTML containers
Adding content into the header
Add content to main section
Add content to atmosphere section
Add content to the How-To section
Adding the navigation
Adding the footer content
Creating the Style and Layout with CSS
Importing a Google Font
Defining the basic text styles
Style the heading and page container
Style the logo and hero item
Creating the button style
Setting up three-column row
Adding graphics to the main section
Clearing floats with CSS pseudo-elements
Styling the Atmosphere section
Styling the How-To Section aside elements
Styling the How-To Section blockquote element
Adding content with pseudo-elements
Styling the Footer
Creating a Menu System with CSS
Re-positioning the Nav
Styling the nav list-items and links
Showing and Hiding the nav sub menus
Device compatibility options for nav
Adding indication arrows
Making Layout Adjustments for Large and Medium Screens
Making minor adjustments for larger screens
Making adjustments for large screens
Making adjustments for medium screens
Making Adjustments for Small Screens
Moving the navigation for smaller screens
Adjusting to the logo and hero elements
Rearranging the main and atmosphere sections
Rearranging the how-to section
Rearranging the navigation
Adjusting the spacing of the navigation and footer
Making Adjustments for the Smallest Screens
Adjustments for the header and hero
Adjusting the How-To section
Adjusting the footer
Making Layout and Content Adjustments for Print
Strategy for printing
Linking a CSS file for print
Setting up the base styles
Setting up the header
Displaying URLs when printing
Setting up the Main section
Setting up the Atmosphere section
Switching our image tags with CSS
Styling the footer
Setting page breaks with CSS
Where To Go From Here
New Lecture
Where to go from here

DescriptionInstructorImportant DetailsRelated Products

Ensure the Products You Build Look Great No Matter How They're Viewed

Chris ConverseChris Converse has over 22 years experience in graphic design and interactive media, with a unique focus on both design and development. He possesses development skills across such languages as HTML, CSS, JavaScript (including jQuery and AngulatJS), and PHP, making his design execution optimal across various media. In addition to designing and teaching online, Chris speaks at number of industry-related conferences, including HOW Design, Adobe MAX, Adobe ADIM, AIGA, and the Creative Publishing Network.

Description

Learn responsive design, and you'll never waste hours toiling over a stunning design only for it to look distorted on a particular device. From configuring your site's HTML content to stylizing its layout using CSS, you'll make certain that anything you design will look good no matter the viewport.

Master the design of responsive websites w/ 4.5 hours of content
Prep your site’s HTML content & structure: add content, navigation, etc.
Use CSS to create your site’s style & layout: import fonts, define basic text styles, etc.
Create a menu system that's easily navigable
Adjust layouts for screens of different sizes: large, medium & small
Make adjustments to print layouts & content

Specs

Details & Requirements

Length of time users can access this course: lifetime access
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: beginner

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...