• Reference (Sitepoint)
• Reference (Apple)
• Cheat Sheet (PDF)
• CSS3 Selectors
• Cascade, Inheritance, Specificity
• Media Queries

Specific Properties and Value

• Color, Alpha Transparency, and Opacity
• Gradients
• Drop Shadows (on boxes)
• Drop Shadows (on text)

Advanced Topics and Tricks

• Custom Properties (Variables)
• Geometric Shapes Using CSS
• Animation and Transitions
• CSS Transform Property
• Reading current property value

• Basic Principles
• Web fonts with @font-face
• Drop Shadows (on text)
• White Space (wbr, pre, text-wrap)
• Text Indentation
• Hyphenation
• Line height and leading
• Lists
• Advanced typography (kerning, ligatures, etc.)

• Favicon
• Canvas Element
• Filters
• Principles of Design (CRAP)
• Web Design v. Graphic Design
• Image Corner decoration
• Retina display gfx
• Graphic File Types
• Summit-style drop-down menus
• Masonry
• Single Page Site with smooth scrolling
• Animated "book" effect where the pages turn.
• Full-height headers

• Scaleable Vector Graphics (SVG)
• Advanced SVG (aspect ratio, rollovers

• Beginner’s Guide to Page Layout
• Basic CSS Positioning
• Flexbox
• Creating Grid Layouts
• Block Formatting Context
• Floating Elements with CSS
• Single Column, Centered Layout
• Centered content with an addition next to it
• Responsive 3-Column layout using block context
• Responsive Design
• Responsive Images
• Centering Vertically
• Photo and Figure Captions
• Snaking columns using column-count
• Pure CSS Columns layout (hint, kinda sux)
• Footer Stick (web page footer should appear at bottom of window or below all content, whichever is lower)
• Fixed Footer (web page footer should always appear at bottom of window)
• Header and footer background problems
• Regions (very poor browser support)

• Repeating an element many times
• Miscellaneous Tips
• High Pass Sharpening
• Matching Colors

• http://www.makebetterwebsites.com/ Compilation of interesting websites.
• Web design galleries
• Awesome Business Cards

• Is So Confusing

• Sticky Elements, Scroll and Resize events, and Debouncing
• Getting width, height, and other sizes from DOM elements
• Ref and jQuery
• Objects—Instances, Static members
• Empty values ('', null, Object, 'undefined')
• Inheritance – Prototypes – Scope/Context
• Events
• Window Timers (setTimeout, setInterval)
• Compressing JavaScript (obfusication and syntax check)
• String Handling and RegExp
• Arrays
• Launching a new window to specific size and without browser chrome.
• DOM Ready event v. onLoad
• Animation of properties
• Executing a Script When Closing a Page
• jQuery
• Polyfills and Modernizr (supporting older browsers)
• Trapping keystrokes
• Date Validation
• Dynamically Generate a Table of Contents
• Cool Stuff in JavaScript
• Scrolling
• jshint and StandardJS
• Testing with Jest and Enzyme

• Introduction
• ES2015 Modules and Dynamic Imports

• Reference:
  • The Living Standard (very good)
  • DevDocs.io
  • MDN HTML Element Reference
• Lists
• Links and defeating spam bots
• Tables
• Cheat Sheets (elements, browser support, events)
• Under-appreciated or obscure tags
• Browser Bugs
• Including HTML content from another page.
• Web Storage
• Application Cache (manifest file)
• Drag and Drop with HTML5
• Microformats and Microdata
• html v. body

• HTML5 Audio and Video
• Mediaelement - a cross-browser player
• YouTube video
• Screenshots of the various FLVPlayer skins

• ---

  You can ignore the following
• jPlayer - For cross-browser audio and video. See this list for more options.
• jPlayer Audio demo
• SoundManager2 Audio
• Comprehensive Video Using FLVPlayer (Dreamweaver solution)
• Comprehensive Video Using FLVPlayback (Flash solution)

• General Info
• Handling Robots
• Accessibility

• Embedding Flash with SWFObject
• Using ExternalInterface
• Movies in Articulate

• Responsive Design
• Responsive Images
• Media Queries (@media {})
• Mimic Native Apps
• Testing on small screens with BrowserStack
• Article on mobile first development
• 320 and Up boilerplate

• Minimalist Carousel
• Scroll Magic for Parallax and many other scroll-triggered effects.
• Colorbox - Creates a modal popup box.
• Charting and Graphing
  • Flotr2
  • Highcharts - This is a great charting engine.
  • An experiment with Highcharts
• UI Components such as color picker, menu, dialog, Growl notification, split button
• CodeMirror In-browser code editing
• Show More pane.
• Pure CSS Accordion panels
• Sliders
  • Image slideshows
  • Super Simple (very light-weight and easy-to-use, it cross-fades images)
  • Pixel Pro Content Slider (easy-to-use, slide any element, skinnable, no autoplay)
  • Pixel Pro Content Slideshow (any element slides automatically)

• Backbone.js
• Marionette

• npm Package Manager
• Build Tools
• Grunt
• File System Watchers
• Babel
• Mercurial
• Git

• Introduction
• Ember CLI
• Routes and Resources
• Models and ember-data

• .htaccess for the Apache web server
• Node
• LAMP set-up on OSX
• File Permissions under OSX

• AJAX / Fetch API
• Frameworks for starting a new project
  • Initializr (my favorite)
  • HTML5 Boilerplate
  • Foundation
• Embedded HTML Editors
• Feature Support
• Making IE Play Nice
• Comparison of audio and video formats.
• XML format
• ARIA and Accessibility
• Allow users to download a file
• Semantic Versioning

• PHP Manual
• Misc Information
• Frameworks
• Reading and Writing to MySQL
• Debug tool
• Contact Form

• Various articles for first learning WordPress
• Themes, including Child Themes
• Typical website

• Concepts
• Account Management
• Theming
• Writing Custom Modules
• Front-end Technologies (js, css, jQuery)
• Core and Contributed Modules
• Form API
• Entities
• Drush
• Views and Menus
• Boilerplate code