HTML and CSS Visual QuickStart Guide, 9th Edition (2023)

Focused View

7:25:34

299 View

Lesson 1

001. Creating a visual hierarchy with HTML.mp4

01:59

002. Changing Styles on CSS Zen Garden.mp4

02:05

003. Applying simple styles to Markup.mp4

02:52

004. Styles vs. No Styles.mp4

00:56

005. Browser Comparison.mp4

02:30

Lesson 2

001. Creating a New Webpage.mp4

03:22

002. Installing VS Code.mp4

02:12

003. Setting Up a Directory Structure.mp4

01:30

004. How Default Files Work.mp4

02:01

005. Setting Up MAMP.mp4

04:15

006. CodePen Demo.mp4

02:51

Lesson 3

001. Changing a Tag.mp4

02:09

002. Excluding Necessary Attributes.mp4

01:54

003. Creating an HTML Boilerplate File.mp4

02:22

004. Screen Reader in Action.mp4

02:45

Lesson 4

001. HTML with No Elements.mp4

02:25

002. Creating Paragraphs.mp4

01:24

003. How to Order Headings.mp4

03:12

004. Creating Ordered and Unordered Lists.mp4

03:35

005. Converting a Fully Formatted Word Doc to HTML.mp4

05:00

Lesson 5

001. The Components of Hyperlink Markup.mp4

01:56

002. Walking Through a URL.mp4

04:44

003. HTTP vs. HTTPS.mp4

05:08

004. Errors in External Links.mp4

01:34

005. Creating Relative Links.mp4

04:51

006. Link to a Specific Location on a Pag.mp4

02:06

007. Advanced Mailto Links.mp4

02:54

008. Open a Link in a New Window.mp4

00:57

Lesson 6

001. Preview of the Box Model.mp4

01:54

002. Outlining Elements with the Web Developer Extension.mp4

02:41

003. Outlining Block and Inline Elements Together.mp4

04:00

004. Walking Through the Wireframe.mp4

04:24

005. Making a Header with Navigation.mp4

02:54

006. Building a Blog Article Layout.mp4

04:54

Lesson 7

001. Scaling SVGs.mp4

02:53

002. Adding an Image to a Webpage.mp4

03:17

003. Using Figures for Code Samples.mp4

02:24

004. Image Download Test.mp4

05:18

005. Resizing an Image.mp4

02:18

006. Seeing srcset in Action.mp4

01:46

007. Experimenting with SVG.mp4

03:58

008. Creating a Graphic with Canva.mp4

05:52

009. Embedding a Video.mp4

02:06

010. Converting and Embedding Audio.mp4

03:38

011. Using Libsyn to Host Audio.mp4

02:30

012. Embedding a YouTube Video.mp4

02:37

Lesson 8

001. Building a Table.mp4

03:28

002. Experimenting with colspan and rowspan.mp4

04:02

003. Writing a Script with a Description List.mp4

02:07

004. Walking through Schema Examples.mp4

03:54

Lesson 9

001. Interacting with Forms.mp4

02:53

002. Comparing the GET and POST Form Submission Methods.mp4

03:52

003. Converting a Select Box to a Multiselect Box.mp4

01:57

004. Creating Checkboxes and Radio Buttons.mp4

05:42

005. Building a Rental Application.mp4

08:45

006. Working with Dates on Forms.mp4

04:22

007. Picking Colors.mp4

01:00

008. Using Range.mp4

01:36

009. Building and Testing a Valid Form.mp4

03:37

Lesson 10

001. Rendering Elements Differently in Different Browsers.mp4

03:10

002. Examples of the canvas Element in Use.mp4

03:11

003. Store Form Data in Offline Storage.mp4

03:41

004. How Twitter Uses Offline Storage.mp4

01:30

005. Using Lazy Loading on Images.mp4

02:16

Lesson 11

001. Demonstrating the Cascade in CSS.mp4

02:56

002. Using an Internal Style Sheet.mp4

04:08

003. Moving Internal CSS to an External File.mp4

02:12

004. Review of the new File System.mp4

01:17

Lesson 12

001. Setting Basic Styles on HTML Elements.mp4

03:34

002. Targeting Specific Classes.mp4

03:30

003. Creating a Set of Alert Elements.mp4

03:06

004. Putting Child and Sibling Selectors to Wor.mp4

02:55

005. A Look at Styles and Precedence.mp4

02:14

006. Trying to Override IDs in CSS.mp4

02:28

007. Reimagining the p.intro Class with Advanced Selectors.mp4

01:33

Lesson 13

001. Using Distinct Styles for Heading and Body Elements.mp4

01:51

002. Browsing Google Fonts.mp4

04:01

003. Embedding Fonts from Google Fonts.mp4

03:54

004. Converting a Font with Transfonter.mp4

02:37

005. Using @font-face.mp4

03:42

006. Font Size Demo.mp4

05:13

007. Creating a Heading Hierarchy with Font Sizes.mp4

02:49

008. Using text-indent to Hide Text.mp4

01:36

009. Building the Page from Figure 13.21.mp4

04:17

Lesson 14

001. Using a Color Picker.mp4

02:24

002. Using Transparency to Make Text Stand Out.mp4

02:36

003. Generating HSL Values.mp4

03:22

004. Experimenting with Gradients.mp4

04:17

005. Background Images.mp4

05:50

006. Doing More with Borders.mp4

04:12

007. Creating a Stylized Aside Section.mp4

04:19

Lesson 15

001. Demonstrating Flow.mp4

01:26

002. Adjusting Heights and Widths in Layout.mp4

02:01

003. Building a Completely Styled Butto.mp4

04:40

004. Making a Simple Twocolumn Layout with Floats.mp4

02:46

005. Demonstrating the position Property.mp4

03:50

006. Creating a Pricing Table.mp4

11:14

Lesson 16

001. Stacking Order.mp4

00:47

002. Using flex-item Properties.mp4

05:18

003. Using flex-basis, flexflow, and justify-content.mp4

04:45

004. The align-items Property in Action.mp4

02:09

005. Grid Templates.mp4

05:26

006. Aligning Grid Elements.mp4

04:08

007. Prefixes in Action.mp4

02:18

Lesson 17

001. Choosing Breakpoints.mp4

02:22

002. Making a Full ThreeColumn Layout Responsive.mp4

07:17

003. Creating a Responsive Nav Menu.mp4

07:13

004. Advanced Media Queries.mp4

03:20

Lesson 18

001. Demo of Transition Functions.mp4

01:37

002. Increasing the Size of an Input Field.mp4

02:34

003. Transformation Examples.mp4

01:58

004. Creating an Image Gallery with Mouseover Effects.mp4

04:16

005. Rainbow Animation.mp4

03:14

006. Follow the Bouncing Ball.mp4

02:53

Lesson 19

001. Changing Multiple Elements by Changing a Single Variable.mp4

03:14

002. Changing the Scope of Variables.mp4

03:03

003. Complex Layouts with Variables.mp4

07:55

Lesson 20

001. Configuring Sass on Your Computer.mp4

02:09

002. More Nesting Examples.mp4

11:37

Lesson 21

001. Registering a Domain.mp4

03:08

002. Pointing Your Domain to SiteGround.mp4

04:32

003. Uploading Your Files.mp4

03:55

Lesson 22

001. Using the W3C Markup Validator to Find and Fix Errors.mp4

04:25

002. Using the Xcode Simulator.mp4

01:53

003. Emulating Android Devices.mp4

02:08

004. Chrome DevTools Overview.mp4

02:54

005. Responsive Testing in Chrome.mp4

02:30

Lesson 23

001. Doing a Live GTmetrix Test.mp4

01:48

002. A Closer Look at the Network Tab.mp4

02:20

003. Testing Critical CSS.mp4

06:53

Lesson 24

001. hanging ARIA States and Properties.mp4

02:41

002. Digging into the Accessibility Test in Chrome.mp4

02:12

003. There are a lot of features in WAVE, so we walk through the interface to show you what the icons mean and how you can use the data provided by the test.mp4

02:35

Lesson 25

001. Using GitHub.mp4

03:21

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Peachpit is a publisher of books focused on graphic design, web design, and development. Peachpit's parent company is Pearson Education, which owns additional educational media brands including Addison-Wesley, Prentice Hall, and New Riders.