Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Desktop

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

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.

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 World Wide Web Consortium (W3C)
The W3C is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe.

The WHATWG Community
The Web Hypertext Application Technology Working Group (WHATWG) is a growing community of people interested in evolving the Web.

Get Tips, Tricks, & News

Sign up for our Newsletter and get good stuff in your inbox!