Markup

• Mozilla: Learning HTML: Guides and tutorials
• Mozilla: HTML elements reference
• Codecademy: Learn HTML
• w3c Standards webdesign
• w3c Validator
• A List Apart Topic: HTML
• Web fundamentals (Used to be HTML5 Rocks)
• Apple: Developing Web Content for Safari
• Android: Web-Based Content

CSS

• Mozilla: Learn to style HTML using CSS
• Codecademy: Learn CSS
• A List Apart Topic: CSS

Javascript

• Mozilla: JavaScript
• Codecademy: Introduction To JavaScript

SEO

• Search Engine Optimization (SEO) Starter Guide
• Google: Search Console
• Google Webmasters YouTube
• Bing: toolbox: Webmaster

Microformats

• Founded by Google, Microsoft, Yahoo and Yandex, schema.org vocabularies are developed by an open community process, using the [email protected] mailing list and through GitHub
• Google: Introduction to Structured Data
• microformats

Social Sharing

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

• The Open Graph protocol

Facebook

Most content is shared to Facebook as a URL, so it's important that you mark up your website with Open Graph tags to take control over how your content appears on Facebook.

Without these tags, the Facebook Crawler uses internal heuristics to make a best guess about the title, description, and preview image for your content. Designate this info explicitly with Open Graph tags to ensure the highest quality posts on Facebook.

• A Guide to Sharing for Webmasters
• Sharing Debugger

Twitter

With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to their followers.

• Optimize Tweets with Cards
• Card validator

Linkedin

• Share on Linkedin

Accessibility

Accessibility in Web development means enabling as many people as possible to use Web sites, even when those people's abilities are limited in some way. Here we provide information on developing content to be accessible.

• W3C: Web Content Accessibility Guidelines (WCAG) 2.0
• Mozilla: Accessibility
• The A11Y Project: A community-driven effort to make web accessibility easier
• A List Apart Topic: Accessibility

Favicons

• Favicon Generator. For real. realfavicongenerator

Genral Web

• Luke W
• NN/g
• Hacker Noon
• Space Jam
• CSS Color Names