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 |