Links
University of Minnesota @ Duluth -Web Design References – They have a slew of links on EVERY SINGLE TOPIC. You may want to start here.
Accessibility
- Hear what your website sounds like? (T Base Communications)
- Accessify
- WATS.CA
- Access Matters
- Build. Acc. Web.
- Dive intoAccess
- Scott Connect
- MCU: Weekly Tips
- Section 508
- Visicheck
- WaiZilla
- WebAIM
- WCAG 1.0
- WCAG 2.0
BLogs
- Anne van Kesteren
- MezzoBlue (David Shea)
- The Man in Blue (Cameron Adams )
- Molly Holzschlag
- 456 Berea Street (Roger Johansson)
- Box of Chcolates (Derek Featherstone)
- Juicy Studio (Gez Lemmon)
- Jeffery Zeldman
Browsers, Browser Testing, Emulators, etc
- Adobe Browser Lab ( requires an Adobe account and tests for most browsers)
- Micrsoft Expression Web Super Preview
- Browser Archives (Evolt)
- Chrome (Webkit engine)
- Firefox
- Internet Explorer
- Internet Explorer (stand alone – 32 bit only) (Tredosoft or Evolt)
- MSN WebTv
- Links (text only browser)
- Lynx (text only browser)
- Opera
- Safari (Webkit engine)
CSS
- Tantek Çelik
- W3C’s Default Style Sheet
- CSS Zen Garden
- Eric Meyer
- Wiki
- 50 Brilliant CSS3/Javascript Coding Techniques (Smashing Magazine, Feb 2010)
Design
- Color Scheme Designer 3
- see Rainbow in FireFox Plugins below
- Email Standards Project
- Tips and Resources (Campaign Monitor)
Fonts
- Font Family (OS to font chances; Code Style)
@Font-Face
- @Font-face Browser Support and Tutorial (Evotech, Jan 2010)
- @Font-face in dept (User Agent Man)
- @font-face page
- Implementing @Font-Face
- 40+ Excellent Freefonts For Professional Design
- Kernest.com
- fonts available for @font-face embedding
Font Tools
- WEFT (MS’s .ttf -> .eot tool; best for non-Vista)
- ttf2eot (MS’s .ttf -> .eot tool; best for Vista)
- Source Forge (open type -> eot too, although it is slightly lossy)
- Font Face Generator (Font Squirrel; convert to and from all types)
HTML5
- 22 Handy HTML5 & CSS3 Tools, Resources And Guides
- 70 Must-Have CSS3 and HTML5 Tutorials and Resources (Web Appers)
- Bespin – Mozilla beta for a cloud based HTML5 editor
- Coding a HTML5 Layout from Scratch (Smashing Magazine)
- Dive into HTML5 (by Mark Pilgrim)
- How to get HTML5 working in IE and Firefox-2 (@ HTML Doctor)
- HTML5.org
- HTML5 Shiv (@ Google Code to get HTML5 working in IE6-IE8)
- Modernizer (JavaScript library to detect HTML5 and CSS3 feature availability)
- HTML5 Enabling Script
- HTML5 Tutorial.net
- Making your site html5 ready pt1/the time is now (by onderhond)
- Progressive Enhancement: Pure CSS3 Thought Bubbles (Nicolas Gallagher)
- W3C Working Draft of HTML5
Image Galleries (royalty free,free, managed, etc)
- 40+ Websites For Copyright And Royalty Free Photos
- Cyclops (multi-site search)
- Every Stock Photo (kind of a multi-site search)
- Big Stock (royalty free – buy credits)
- Morgue File (a lot of free images)
- Stock Exchange (a lot of free and royalty free images)
- Dreams Time (royalty free – buy credits)
- Fotolia (royalty free- buy credits)
- Getty Images (massive professional database – royalty free ~ $5+)
- iStock Foto (buy credits)
- Photo Express (free gallery – requires login and limited downloads per day)
- Pic App (specialized in contemporary newsworthy images for blogs – free for linking)
Insanity
- Corbis Images ($50 – insanity; very high quality professional and news worthy images)
- Shutter Stock (subscription ; $250+)
Information Architecture
P3P
Online Tools and Generators
Quirks and Bugs
- Browser Mode VS Doc Type
- Dean Edwards’ IE7 Script (Google Code)
- Hiding Css
- Browser Standards Support
- Position is Everything
- Quirks Mode
- Rich In Style
Scripting Libraries
- JQuery + JQuery UI
- jQuery and JavaScript Coding: Examples and Best Practices (Smashing Magazine)
- Prototype + Script.aculo.us
- Yahoo User Interface (YUI)
Standards & Org
Toolbars/Plugins (Mozilla/Firefox)
- Checky
- FireBug
- Web Developer Toolbar
- Link Toolbar (MozDev)
- Link Toolbar (Extension Room)
- Rainbow (grabs color scheme from a site’s images and CSS)
Toolbars – (Internet Explorer)
Tutorials/Learning
- A List Apart
- Digital Web Magazine
- Delorie
- Evolt
- How to Create
- HTML Dog
- Mobile Web Initiative Training (W3C)
- Max Design
- Opera’s Web Standards Curriculum
- Smashing Magazine
- University of Minnesota @ Duluth -Web Design References
- W3C Schools
- Web Monkey
Usability
- Dey Alexander
- Information Design
- Luke W
- Usability.Gov
- Usability News (Witchita State Universtiy)
- User Centric
- Use It (Jakob Nielsen)
Validators, Tools, and Services
- WebXACT
- RSS
- Mark-up (W3C)
- CSS (W3C)
- Mobile (W3C)
- Total Validator
- WDG
- HTML5
- W3C Quality Assurance Tools
