Creating Responsive Web Design

Creating Responsive Web Design

4.5 Hours
Deal Price$24.00
Suggested Price
$150.00
You save 84%
Creating Responsive Web Design
$24.00$150.0084% OFF
Creating Responsive Web Design

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
Creating Responsive Web Design
$24.00$150.0084% OFF
View similar items
DescriptionInstructorImportant DetailsRelated Products

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

CC
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...