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.
smashingmagazine.com

CSS Tricks 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

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

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

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

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.
w3.org

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

Get More Tips & Tricks

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