We are open! Classes are running in-person (socially distanced) and live online. Secure your seat today

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.

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

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

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.

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

HTML5 Pocket Reference by Jennifer Robbins
O'Reilly Media's classic. A quick, comprehensive guide to tags and attributes.
O'Reilly HTML Pocket Reference

CSS Pocket Reference by Eric A. Meyer
Another O'Reilly classic. A quick, comprehensive guide to selectors, properties, values and more.
O'Reilly CSS Pocket Reference

CSS Mastery
A comprehensive, well-written guide on advanced CSS techniques. Fun to read cover-to-cover but also excellent as a reference guide to dip into topic by topic.
CSS Mastery

Coding Tools, Templates & Scripts

Validator.nu (X)HTML5 Validator
Check your HTML code for errors.

HTML 5 Outliner
View the topical outline for an HTML page.

Sublime Text
A sophisticated text editor for code, markup and prose.

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

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.

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

ImageAlpha - Mac Only
ImageAlpha converts 24-bit PNG to paletted 8-bit with full alpha channel. This greatly reduces file sizes with only minor loss of quality.

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).

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

CSS Gradient Generator
Create beautiful colorful gradients without a gray "dead zone" in the middle

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.

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.

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

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.

Yelp Facebook LinkedIn YouTube Twitter Instagram