
Discover why mobile web design matters, embrace a mobile first approach and responsive design to increase traffic and revenue across devices.
Explore practical tools for responsive design, including Bootstrap navigation, fluid layouts, responsive slides and tables, and viewport testing to build adaptable websites.
Set up a local development environment by installing an Apache server, using Brackets as the editor, and adding a responsive inspector to test a basic responsive site.
Explore building a responsive HTML5 layout by organizing content with a container, clearing floats, and structuring main content and a semantic aside for resources, while implementing a fluid layout.
Explore testing and debugging responsive layouts by measuring the window width with a simple jQuery script, preparing for media queries and fluid layouts.
Create a responsive mobile navigation by placing the logo on top, stacking links vertically, and using a 767px max smartphone media query with borders and hover effects.
Create a bootstrap boilerplate by setting up the folder structure and a ready-to-use index file, and link the bootstrap CSS and JavaScript for the chosen version (2.3 or 3).
Explore HTML5 boilerplate as a lightweight, high-performance template for websites and apps, featuring Google Analytics snippets, a CSS reset and normalize, modernizer, and customizable builds for responsive layouts.
Learn how to create modern day websites using Responsive Web Design with HTML5 and CSS3 - in less than 7 hours!
The mobile web is not going anywhere - it’s only getting bigger…
And, YOU need to be in on the action!
As the mobile web gets bigger than desktop PC and laptop browsing - this is one skill you absolutely need in your bag of tricks!
Impress your clients or land a higher paying job or build that dream website with all the cool web technologies.
In this course, you will master the tricks and techniques that modern web development gurus use to create fancy sites that work on any browser or device… be it any mobile phone, tablet, browser, desktop or laptop.
The course is taught over SIX Sessions, spanning 7 hours of easy to follow Videos with real examples and source code.
Here’s what you get -
This course is for any level of developer …whether you just know the basics of HTML or you are a development guru - there is something for everyone.
Access and download the full course immediately upon payment - so you can learn at your own pace!
We start out with an overview of the mobile web and the importance of mobile design & development.
We discuss what responsive web design actually means, and we look at the various tools we can use with responsive web design such as testing and code tools.
You will learn how to format an HTML5 document and use proper techniques when coding.
The layouts we create will be 100% responsive including a fluid layout, flexible images and media queries.
We will build a custom project from scratch that shows you what goes into setting things up, step by step.