HTML and CSS: Visual QuickStart Guide Links

Chapter 1

• CSS Zen Garden
• How I Built It
• WebP Gallery
• html.casabona.org

Chapter 3

• <meta> | MDN
• Screen Readers | AFB

Chapter 5

• Wireshark
• New Window Indicator | CodePen

Chapter 7

• <img> | MDN
• Derivv
• Optimizing Images for Mobile | Smashing Magazine
• SVG Basic Shapes | MDN
• Canva
• Unsplash
• Deposit Photos
• Pexels
• Fitvids.js
• Audacity
• Online Audio Converter
• Free Stock Music
• Vimeo
• Libsyn
• Writing this Book | YouTube

Chapter 9

• <input> Element | MDN
• HTML Input Types | W3Schools
• Learn Regular Expressions | RegexOne

Chapter 11

• No links in this chapter!

Chapter 13

• On Web Typography by Jason Santa Maria
• Google Fonts
• Adobe Fonts
• H&Co Web Fonts
• Font Squirrel
• Transfonter
• Fundamental Text and Font Styling | MDN

Chapter 15

• Shorthand Properties | MDN
• HTML Kitchen Sink
• CSS Frameworks or Grid | Smashing Magazine
• Bootstrap
• Foundation

Chapter 17

• Mobile First by Luke Wroblewski
• @media | MDN

Chapter 19

• Custom Properties (–*): CSS Variables | MDN

Chapter 21

• Special SiteGround Hosting Offer
• Hover.com for Domains
• FTP Accounts | SiteGround
• FileZilla
• Point Website Domain | SiteGround
• What’s My DNS?

Chapter 23

• Impact of slow page load time on website performance
• Google’s PageSpeed Insights
• GTmetrix
• Pingdom Page Speed Test
• Minify Code
• Using WebP Images
• ImageOptim | Online
• RIOT Optimizer
• Understanding Critical CSS | Smashing Magazine
• Critical Path CSS Generator

Chapter 25

• jQuery
• React.js
• Angular.js
• node.js
• Vue.js
• A Successful Git Branching Model (Gitflow)
• Github
• Gulp
• Grunt
• CodeKit
• Tailwind CSS