Here are some links that relate to our Front-End Web Development 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.
hoyois.github.io/html5outliner
CSS Selectors: A Visual Guide
fffuel.co/css-selectors
Emmet
Emmet is a plugin for many popular text editors (and is built into Visual Studio Code) 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