Colors & palettes

• Color conversion (RGB, hex)

Content

• A checklist for content work by Erin Kissane on A List Apart

Cross-browser support

• Browser statistics on w3schools.com
• Browserstack browser simulator (requires an account)
• StatCounter interactive global browser statistics — bar chart of today’s US stats(change two dates in URL)
  • Mobile browser stats at StatCounter

CSS

• 8 CSS Tools for Better Web Design at Designer Daily
• CSS3 Code Snippets at WebInterfaceLab, collection of open source UI components, includes animated progress bar, file download widget, profile popover, sliding tags, tabbed navigation with drop down menus, to do list, toggle switches, top bar with notifications
• CSS3 Generator generates CSS for border radius, box shadows, @font-face, etc.
• CSS Reference at W3Schools.com
• CSS Selector Reference at W3Schools.com
• The Shapes of CSS to make block-level elements appear as squares, circles, etc. — doesn’t work on old browsers
• Top 30 CSS Tools & Applications for Developers at skytech geek
• Ultimate CSS Gradient Generator generates CSS for gradient backgrounds

Data visualization

• Information Visualization: Perception for Design, Colin Ware
• JustGage JavaScript plugin, generates semicircle gages, pure SVG, cross-browser compatible

Design tools

• 12 Free Wireframing & Prototyping Tools for Designers at Designbeep

Fonts

• See also: Icons > Icons as fonts

Forms

• A Form of Madness on Dive into HTML5
• HTML5 & CSS3 Form References, Resources & Tutorials at Speckyboy
• Notes from Making Better Forms & Buttons and exercise (house painting request) from Aquent Summer of Learning
• Roundup of HTML5 form features at Dev.Opera
• Wufoo’s HTML5 form reference
• See also: HTML > html5Forms; HTML > jQuery plugin polyfill for placeholder

HTML

• ARIA Recommendations Table at W3C
• ARIA Role, State & Property Quick Reference at W3C
• HTML5 notes (based on HTML5 & CSS3 Visual Quickstart, et al)
• Can I Use compatibility tables for HTML5, CSS3, SVG, and more
• HTML5 outliner by Geoffrey Sneddon (visual representation of doc outline)
• JavaScript to let old browsers support HTML5:
  • Modernizr
  • HTML5 Shim
  • Github HTML Cross Browser Polyfills page
  • html5Forms (calendars, color swatches, sliding widgets, client side validation) and instructions
  • jQuery plugin polyfill for placeholder at github > mathiasbynens > jquery-placeholder

Icons

• Icons as fonts from Font Awesome on GitHub

Images

• Notes on Looking Sharp on High-Res Displays and exercise on images for high-res displays from Aquent Summer of Learning
• Retinajs.com provides JavaScript that serves up high-res images as appropriate
• The Ultimate Guide for Utilizing Adaptive Images Successfully at Smashing Hub
• See also: Icons > Icons as fonts (technique for vector graphics)

Java

• Java Examples in a Nutshell Notes

JavaScript

• JavaScript code snippets
• JavaScript Codecademy Notes
• JavaScript Crash Course notes
• See also Data visualization > JustGage; Images > Retinajs.com

JQuery

• 20 Must See CSS3 & jQuery Tutorials at Desizntech
• iosSlider, touch-enabled jQuery horizontal slider plugin (cross-browser content slider, carousel, scrolling website banner, or image gallery), at iosScripts
• jQuery.com
• stickyMojo, sticky sidebar jQuery plugin, cross-browser and responsive design compatible
• See also: HTML > jQuery plugin polyfill for placeholder

jQuery Mobile

• jQueryMobile.com

Responsive design

• Adding line breaks to responsive layouts on danielmall.com
• Responsive.is (enter your site in Go box and click sizes at top)
• Smartphone Browser Landscape, Your mobile test bed section, on A List Apart
• The Goldilocks Approach to Responsive Design (small, medium, large rather than device-centric) on Design by Front

Responsive design/CSS frameworks

• 15 More Responsive CSS Frameworks & Boilerplates worth Considering at Speckyboy
• 15 Responsive CSS Frameworks Worth Considering, from Speckyboy
  • Less Framework 4 (4 adaptive layouts and 3 sets of typography presets, all based on a single grid) — succeeded by Frameless
  • Foundation (12-column, future-friendly responsive grid framework with many styles and elements)
  • MQFramework (based on a 12-column grid)
  • Golden Grid System (folding grid with 18 columns, 16 for content)
  • Fluid Baseline Grid (built with typographic standard in mind, includes CSS normalization, beautiful typographic standards, and corrected common browser inconsistencies)
  • Columnal (1140px-wide responsive grid system)
  • Semantic Grid System (lets you set column and gutter widths, choose number of columns, and switch between pixels and percentages)
  • 1140px CSS Grid System (designed to fit perfectly with a 1280px screen, becoming fluid for smaller screens)
  • Skeleton (small collection of CSS and JS files based on a lightweight 960 grid)
  • 320 and Up starts with a tiny screen style sheet and loads other assets progressively as they are needed
• See also: CSS > Top 30 CSS Tools & Applications for Developers

Utility pages

• Termsfeed Privacy Policy Generator

WordPress

• How to Become a Top WordPress Designer, Smashing Magazine