HTML And CSS: Visual QuickStart Guide
Chapter 1
CSS Zen Garden
How I Built It
WebP Gallery
html.casabona.org
Chapter 2
Visual Studio Code
MAMP
CodePen
Chapter 3
<meta>
| MDN
Screen Readers | AFB
Chapter 4
Inline Text Elements | MDN
datetime
Values | MDN
HTML Entities | MDN
Right-to-left Text | W3C
Chapter 5
Wireshark
New Window Indicator | CodePen
Chapter 6
Web Developer Tool for Chrome
Nav Element | HTML5 Spec
Wrap-up of Navigation in Lists | CSS-Tricks
Lorem Ipsum Generator
Using ARIA | MDN
HTML Semantic Elements | w3schools
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 8
Getting Started | Schema.org
Full Hierarchy | Schema.org
Structured Data with Schema.org: The Ultimate Guide | Yoast
Chapter 9
<input>
Element | MDN
HTML Input Types | W3Schools
Learn Regular Expressions | RegexOne
Chapter 10
Can I use...
Picturefill.js
<canvas>
Search | CodePen
News | Can I use...
Chapter 11
No links in this chapter!
Chapter 12
Pseudo-classes | MDN
Attribute Selectors | MDN
CSS Reset
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 14
HTML Color Names
HTML Color Picker
Paletton
<angle>
Element | MDN
radial-gradient()
| MDN
CSS Gradient Generator
CSS Gradients | CSS-Tricks
Chapter 15
Shorthand Properties | MDN
HTML Kitchen Sink
CSS Frameworks or Grid | Smashing Magazine
Bootstrap
Foundation
Chapter 16
A Complete Guide to Flexbox | CSS-Tricks
A Complete Guide to Grid | CSS-Tricks
Grid by Example
Flexbox Froggy
CSS Grid Garden
flex-basis | MDN
align-items Syntax | MDN
The New CSS Layout
by Rachel Andrew
How to Deal with Vendor Prefixes | CSS-Tricks
Autoprefixer
Should I Prefix
Vendor Prefix | MDN
Chapter 17
Mobile First
by Luke Wroblewski
@media | MDN
Chapter 18
Animatable CSS Properties | MDN
transform | CSS-Tricks
Animation Properties | CSS-Tricks
animation | MDN
High Performance Animations
CSS Transition Examples
CodePen Picked Pens
Chapter 19
Custom Properties (--*): CSS Variables | MDN
Chapter 20
Sass
Less
Stylus
Scout App
Sass Math
@mixin | Sass
Chapter 21
Special SiteGround Hosting Offer
Hover.com for Domains
FTP Accounts | SiteGround
FileZilla
Point Website Domain | SiteGround
What's My DNS?
Chapter 22
W3C Markup Validator
BrowserStack
LambdaTest
Device Data | DeviceAtlas
Browser Market Share | Statcounter
Yourbrowser.is
Xcode
Android Studio
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 24
Accessibility for Everyone
by Laura Kalbag
Coolors
Using ARIA | MDN
WCAG Overview | W3C
WAVE by WebAIM
Colorblindly for Chrome
Web Accessibility Checker
Chapter 25
jQuery
React.js
Angular.js
node.js
Vue.js
A Successful Git Branching Model (Gitflow)
Github
Gulp
Grunt
CodeKit
Tailwind CSS
Other Helpful Links & Tools
Chrome
Microsoft Edge
Firefox
Notepad++
Atom
CodePen Book Examples
HTML Boilerplate
Affinity Photo
Adobe
JavaScript Visual QuickStart Guide