Online Resources
Featured
UX Design Tools (storyboarding, flows, etc.)
- Text 2 Mindmap
- bubbl.us - Another Mindmap tool
- myBalsamiq - remote, collaborative UX Design
Online Tools
- JSON Pretty Print
- Embed SWF Files - generates the code, uses Javascript to embed
- Unicode Code Converter
- CSS3 Button Generator
- Gradient Generator
- Ultimate CSS Gradient Generator
- Text Shadow Generator
- JSLint - Javascript Code Quality Tool
- Spiffy Corners
- Web Page Analyzer
- YUI Compressor Online
- Online JavaScript/CSS Compression Using YUI Compressor
- CSS3, Please! The Cross-Browser CSS3 Rule Generator
- CSS3 Generator
- Modular Grid
- ProCSSor - format CSS in the exact way you want
- Initializr - an HTML5 templates generator
- HTML Email Boilerplate
- W3 Schools Try-it Editor
- Gridless HTML5/CSS3 Boilerplate
Online QA
- The Responsinator
- JSLint
- W3C mobileOK Checker
- iPad Peek
- Markup Validation Service
- CSS Validation Service
- Page Rank Tool
- SEO Grader
- Acid2 Test
- Browser Shots - Browser Compatibility Test
- WAVE Web Accessibility Evaluation Tool
- Functional Accessibility Evaluator
- Browser Statistics
- CSS3 Selectors Test
Firefox AddOns & Plugins
- Web Developer Toolbar
- Firebug
- Firebug Site
- Omnibug - a tool for web metrics debugging (Firebug plugin)
- WATS - a SiteCatalyst HTTP monitor for Firefox
- MeasureIt
- WAVE Accessibility Toolbar
- Live HTTP Headers
Free Desktop Utilities
- Magnifixer 3.1
- ConTEXT Editor (its future is waning)
- Irfanview Image Viewer
- ColorPic color picker
- FileZilla free FTP
- Free StuffIt Expander - Mac
- 7-Zip file archiver
- WampServer
HTML5
- HTML5 Please - Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them - with polyfills, fallbacks or as they are.
- HTML5 Boilerplate
- Apple's HTML5 Showcase
- HTML5 canvas - the basics
- HTML5 Tag Reference (W3schools)
- Dive Into HTML5 ebook
- HTML5 Offline App Introduction
- HTML5 Doctor
- Using HTML5 audio and video (MDN)
- *HTML5 Tutorial: How To Embed MP3 files
- HTML5 Audio
- *HTML5 Player Comparison
CSS
- CSS Selector Reference (W3 Schools)
- 320 and Up CSS Media Queries Boilerplate
- CSS3 Shapes Reference
- CSS Selector and Pseudo Reference
- CSS Properties Reference
- CSS3 Complete Tutorial & References (W3 Schools)
- CSS3 User Interface Reference (W3 Schools)
- InuitCSS - a CSS Framework
- CSS3 Pseudo-classes (Sitepoint)
- CSS properties from CSSInfos this time
- Webkit CSS properties (from the same)
- Mozilla Extensions
- CSS Portal - information and tools
- CSS Font Stack
Javascript
- jPlayer - The jQuery HTML5 Audio / Video Library
- Backbone.js
- Hello Backbone.js (Backbone Tutorial)
- The Meta Cloud (Backbone Tutorial)
- Backbone Tutorials ($ ebook)
- Getting Started with Backbone.js (Backbone Tutorial on net.tuts+)
- CoffeeScrip
- Javascript Garden (Reference & Learning)
- Modernizr 2 - detects native availability of HTML5/CSS3 features
- Helephant.com
- SOLID JavaScript: The Single Responsibility Principle
jQuery
- jQuery Swipe Gesture Plugin
- jQuery Documentation Page
- jQuery Mobile
- jQuery Plugin Boilerplate
- jQuery Waypoints - Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element. [!]
- Useful and Handy jQuery Tips and Tricks
- Enterprise jQuery
Audio / Video
- (see the HTML5 section for HTML5 embedding, plus the SWF embed tool in the online tools section)
- Embed Flash and Video via the object Tag (Dated article but very well rounded and applicable)
- W3C Schools on the HTML Object Element
- Google Code site on the SWFObject
- HTML Audio Sounds
- Four Quick and Easy Ways to Embed MP3 Files Into Your Site
Mobile
- mobile Awesomeness (Showcase of mobile sites)
- 10 tips for designing mobile websites
- Mobile Boilerplate
Developer Networks
- Mozilla Developer Network
- Safari CSS Visual Effects Guide [!]
- Safari Devloper Library Reference
- Dev.Opera
- Intro to HTML5 Video (dated article)
- HTML5 Forms (24 ways)
Content / Typography
- The Free Dictionary
- Dictionary.com
- WordOver - Words that begin with...
- The Elements of Typographic Style Applied to the Web
- Konigi Tools (printable graph paper, stencils, templates, etc.)
- Identifont
- Unicode Entities
Design / Creative
- Creative Market - Templates, Graphics etc.
- Article: 7 Tips to Supercharge Your Creative Productivity
- Colour Lovers
- Color Scheme Designer
- Graphic River - Royalty Free Graphics
- Tiny Button Maker
- Type Tester
- 1001 Fonts
- DaFont
Resource / Reference Sites
- Intro to Cloud computing (Wikipedia)
- Web Style Guide Online
- When can I use... (Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.)
- w3schools
- Smashing Magazine
- UX Magazine
- A List Apart
- Luke W Ideation & Design Articles
- findmebyIP
- CSS Head
- What is my IP?
- Interface Design Guidelines
- Gecko DOM Reference
- Pattern Tap
- Boxes and Arrows
Business Magazines, Research & News
- Business Insider
- Business 5.0 - Integrating Business with Technology
- ComputerWorld Web 2.0 and Web Apps Topic Center
- the 99% - pushing ideas to fruition
- The Verge
- User Interface Engineering
- The Web Standards Project
- 24 Ways