HTML5 and CSS3, Part 1 of 3 - 1:57 hoursFEATURES
Inline Activities
Video
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Introduction [11:06]
Structural Tags and Attributes [18:39]
Custom Data Attributes [15:14]
HTML5 Form Input Types [11:59] |
HTML5 and CSS3, Part 2 of 3 - 2:11 hoursFEATURES
Inline Activities
Video
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Multi Column Layouts [06:56]
Media Queries [10:37]
Rounded Corners [06:19]
Adding Shadows [12:41]
Using Real Fonts [06:53]
CSS3 Transitions [10:33]
Native Drag and Drop [10:01] |
HTML5 and CSS3, Part 3 of 3 - 2:52 hoursFEATURES
Inline Activities
Video
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Web SQL Storage [20:44]
Web SQL Storage Continued [26:39]
Web SQL Storage Conclusion [14:06]
|
Beginning Responsive Web Development with HTML and CSS - 6:53 hoursFEATURES
Audio Narration
Video
With trends driving the changes in web design, it is almost impossible for desktop-only websites to meet minimum style and usability expectations. We show you how to create a single solution that works on all modern devices. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you will discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before. By the time you reach the end , you will be equipped with the latest cutting-edge frontend development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.
THE ESSENTIALS OF RESPONSIVE WEB DESIGN
Course Overview
The Essentials of Responsive Web Design
Defining Responsive Web Design
Tools and Text Editors
First Responsive Example Building a Simple Fluid Layout
Taming Images
Amending the Example for a Larger Screen
Lesson Summary
MEDIA QUERIES – SUPPORTING DIFFERENT VIEWPORTS
Lesson Overview
Media Query Syntax
Combining Media Queries
Using Media Queries to Alter a Design
Media Queries Best Practices
The Viewport Meta Tag
Media Queries Level 4
Lesson Summary
FLUID LAYOUTS AND RESPONSIVE IMAGES
Lesson Overview
Converting a Fixed Pixel Design to a Fluid Proportional Layout
Flexbox
Direction Part 1
Direction Part 2
Alignment
Flex Property
Changing Source Order
Responsive Images
Lesson Summary
HTML5 FOR RESPONSIVE WEB DESIGNS
Lesson Overview
HTML5 Markup
Semantic HTML5
HTML5 Media Elements
Lesson Summary
CSS3 – SELECTORS, TYPOGRAPHY, AND COLOR MODES
Lesson Overview
Introduction to CSS
Word Wrapping
Facilitating Feature Forks in CSS
New CSS3 Selectors and Their Use
CSS3 Structural Pseudo-Classes
nth Rules
More about CSS
New CSS3 Color Formats and Alpha Transparency
Lesson Summary
STUNNING AESTHETICS WITH CSS3
Lesson Overview
Shadows with CSS3
Gradients
Adding Fallback for Older Browsers
Background Images
CSS Filters
Lesson Summary
TRANSITIONS, TRANSFORMATIONS, AND ANIMATIONS
Lesson Overview
CSS3 Transitions
CSS3 2D Transforms
CSS3 3D Transformations
CSS Animations
Lesson Summary
CONQUER FORMS WITH HTML5 AND CSS3
Lesson Overview
HTML5 Forms
The HTML5 Input Element
Styling forms with CSS
Lesson Summary
USING SVGS FOR RESOLUTION INDEPENDENCE
Lesson Overview
Introducing SVGs
Inserting SVGs
Extra SVG Capabilities and Oddities
Lesson Summary |
Developing Mobile Websites - 15:45 hoursFEATURES
Audio Narration
Inline Activities
Video
In this Responsive Web Design training class, you will learn to use HTML5, CSS, JavaScript, and other tools to create websites that are responsive: sites that adapt their layout to the client device being used, whether it be a smartphone, tablet computer, or desktop computer/laptop. You will learn to use CSS media queries, mobile-friendly HTML5 features, JavaScript enhancements, and various frameworks to build websites that look as good on an iPhone or Android as they do on a desktop or laptop computer.
Lesson 1: Designing for Mobile
Lesson 2: Flexible Grids
Lesson 3: Flexible Images and Other Media
Lesson 4: The Viewport & Media Queries
Lesson 5: HTML5: Mobile Specific
Lesson 6: GeoLocation API
Lesson 7: Home Screen Icons
Lesson 8: Accelerometer
Lesson 9: Video
Lesson 10: jQuery Mobile
Lesson 11: Mobile Menus
Lesson 12: The Bootstrap Framework |