Modern Web Development with HTML5 and CSS

Table of Contents

Introduction

HTML5 And CSS - An Introduction To Modern Web Development 00:02:10

About The Author 00:01:32

Overview Of The Course 00:02:04

The Basics Of Developing For The Web

Setting Up Your Workspace 00:01:27

A Simple HTML Document 00:01:53

The Basic Structure Of A Website 00:01:33

Moving Files From Your Computer To A Webserver 00:01:55

HTML Fundamentals

What Is HTML? 00:02:05

HTML Syntax 00:02:22

The Doctype 00:01:13

The Document Head 00:02:50

The Document Body 00:00:59

Understanding Block And Inline Elements 00:02:11

Paragraphs And Line Breaks 00:01:26

Div And Span 00:01:49

Links 00:02:29

Images 00:02:33

Basic Lists 00:01:50

Lists Of Lists 00:01:17

Tables 00:01:53

Validation 00:03:05

Structural HTML

Understanding Document Structure In HTML 00:02:11

Quotes 00:01:21

Articles 00:01:34

Navigation 00:01:03

Figures 00:01:44

Sections 00:01:43

Headers And Footers 00:02:02

Aside 00:01:31

CSS Fundamentals

What Is CSS? 00:01:54

Adding CSS To An HTML Document 00:02:03

Basic CSS Selectors 00:03:16

Grouping CSS Selectors 00:01:09

Using Shorthand 00:01:19

CSS Units 00:03:25

Color In CSS 00:01:47

The Cascade 00:03:30

Text And Typography

Understanding Web Typography 00:03:19

Text Size 00:05:31

Text Weight And Style 00:02:12

Using Fonts 00:03:54

Pseudo-Class Selectors 00:01:45

Styling Links 00:02:01

Dynamic Pseudo-Class Selectors - The Hover State 00:01:28

Color And Images

Background Color In CSS 00:02:38

Adding A Background Image To A Page 00:03:17

Using Background Images On Other Elements 00:01:59

Styling A Blockquote With Multiple Background Images 00:01:49

Gradients With CSS 00:03:48

Shadows In CSS 00:01:58

Opacity And Transparency 00:01:40

Layout With CSS

The CSS Layout Model 00:02:23

Margins And Padding 00:02:56

Borders 00:02:49

Absolute Positioning 00:03:10

Relative Positioning 00:01:06

The Basics Of Float 00:01:57

Clearing Floats 00:03:09

Building A Simple, Floated Layout 00:05:09

Styling The Navigation Sidebar 00:02:32

Styling The Page Header 00:03:39

Styling The Page Footer 00:02:13

Forms In HTML And CSS

Understanding The Role Of Forms On The Web 00:01:52

The Form Element 00:01:10

The Input Element 00:03:20

Form Labels 00:01:35

Text Areas 00:01:30

Buttons 00:01:19

File Input Fields 00:01:57

Hidden Fields 00:01:17

Checkboxes And Radio Buttons 00:02:24

Select Lists 00:02:44

Fieldsets And Legends 00:01:57

Laying Out A Simple Form 00:03:29

Styling Our Form With CSS 00:02:48

Advanced Form Styling Tips 00:04:13

HTML5 Audio And Video

The Audio Element 00:02:10

The Video Element 00:02:51

Providing Fallbacks For Older Browsers 00:03:54

Understanding Responsive Design

What Is Responsive Design? 00:02:04

Media Queries 00:02:24

Images In Responsive Design 00:01:35

A Simple Layout With Three Breakpoints 00:04:33

Browser And Device Testing - Fixing Problems And Ensuring Accessibility

Testing Different Platforms 00:03:14

Debugging CSS Problems 00:02:57

Accessibility Tips 00:02:37

Common Problems When Making Websites Live 00:02:02

Resources And Where To Get Help 00:01:57