Udemy - Responsive Web Design with HTML5 and CSS3 - Advanced
If you have been building responsive websites and you're ready to take your skills to the next level, then this course is for you. This is the third course in this series on Responsive Web Design by Paul Cheney and covers the following topics.
Description
- Using a CSS preprocessor to build a webpage.
- Using PHP include() so that you can build a multiple page website and take advantage of reusable code.
- Using a CSS frameworks and how to build a page using Foundation 5.
- Using jQuery Mobile and a PHP redirect for handheld devices.
Who this course is for:
- Advanced Responsive Designers who have a solid foundation in HTML5, CSS3, media queries, responsive images and design.
Course content
- CSS Preprocessors (SASS)
- CSS Preprocessor Overview
- Introduction to SASS
- Setting up a new project
- Setting up a basic site in Dreamweaver
- Using Partials and Import
- Using Variables
- Using Nesting
- Using Mixins
- Using Extend or Inheritance
- Using Math Operators
- Examining a completed SASS page
- View the Completed Example
- PHP Include & Automatic Menu Activation
- Overview of Using PHP to Build Multiple Page Websites
- Overview of Completed HTML5 Template
- Breaking up an HTML5 Template into Multiple Pieces 1
- Using Dreamweaver to Build the PHP Files
- Activating the Menu using jQuery
- Breaking up an HTML5 Template into Multiple Pieces 2
- Activating the Menu using pure CSS
- Adding Analytics Code to your Website
- View the Completed Example
- CSS Frameworks
- Introduction
- Getting Started
- Creating a Basic Grid
- Creating a Top Bar with Navigation and Search
- Implementing Responsive Images Loaded Using CSS
- Creating a Block Grid
- Creating a Slider
- Building an Image Thumbnail
- Exploring Several Buttons
- Using Tabs to Display Content
- Creating a Form
- View the Completed Example
- jQuery Mobile Framework
- Download the jQuery Start Files
- Demonstration
- Template Explained
- Accordian
- Button Theme
- Checkboxes
- Radio Buttons
- Dialog
- Fixed Position
- Flip Switch
- Slider
- Grids
- Icons
- Navigation Bar
- Tables
- Text Input
- Transitions
- Custom CSS
- PHP Redirect for mobile devices
- View the Completed Example
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.
osheemex |
