Reference: Web Development

Here are some links that relate to our Web Development Level 1 & Level 2 workbooks and classes.

Sites, Blogs, & Books (Articles & Tutorials)

Smashing Magazine
A website and blog that offers resources and advice to web developers and web designers.
smashingmagazine.com

CSS Tricks originally created by Chris Coyier
A blog that focuses on CSS. It offers articles, mini-tutorials, code snippets, a forum, and more.
css-tricks.com

HTML Dog
A tutorial site on HTML, CSS and JavaScript. They also offer cheat sheets to HTML tags and CSS properties.
htmldog.com

A List Apart
A website and blog that explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
alistapart.com

A Book Apart
Brought to you from the folks at A List Apart. They publish "brief books for people who make websites."
abookapart.com

Coding Tools, Templates & Scripts

HTML Validator
Check your HTML code for errors.
validator.w3.org

HTML Outliner
View the topical outline for an HTML page.
gsnedders.html5.org/outliner

Visual Studio Code
A sophisticated text editor for code, markup and prose.
code.visualstudio.com

Emmet
Emmet (previously known as Zen Coding) is a plugin for many popular text editors which greatly improves HTML & CSS workflow.
emmet.io

Normalize
A CSS file that makes browsers render all elements more consistently and in line with modern standards. A project by Nicolas Gallagher, co-created with Jonathan Neal.
normalize.css

ImageOptim - Mac Only
ImageOptim optimizes images so they take up less disk space and load faster.
imageoptim.com

TinyPNG (also works with JPEGs)
This site works on PC and Mac, and is the closest equivalent to ImageOptim and ImageAlpha (which are Mac only).
tinypng.com

Google Analytics
A service offered by Google that generates detailed statistics about a website's traffic and traffic sources and measures conversions and sales.
google.com/analytics

CSS Gradient Generator
Create beautiful colorful gradients without a gray "dead zone" in the middle
learnui.design/tools/gradient-generator.html

Browser Support & Info on Web Standards

Can I Use
Compatibility tables for support of all versions of CSS, HTML, and more in desktop and mobile browsers.
caniuse.com

StatCounter Global Stats
Stats are based on aggregate data collected by StatCounter on a sample exceeding 15 billion pageviews per month collected from across the StatCounter network of more than 3 million websites.
gs.statcounter.com

WHATWG
The Web Hypertext Application Technology Working Group (WHATWG) the developed HTML5 and what is now called the HTML Living Standard.
whatwg.org

The World Wide Web Consortium (W3C)
The W3C used to develop the web standards until the WHATWG took the lead in web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe.
w3.org

Yelp Facebook LinkedIn YouTube Twitter Instagram