Web Design Resource Links
Don't forget to check John's tutorials
Accessibility & the Web
- Web Accessibility Initiative (WAI)
http://www.w3.org/WAI - Getting Started: Making a Web Site Accessible
http://www.w3.org/WAI/gettingstarted - Dive Into Accessibility
http://diveintoaccessibility.org - A Primer for Accessible Web Pages
http://www.oreillynet.com/pub/a/javascript/synd/2001/11/30/accessibility.html - Building Accessible Websites
http://joeclark.org/book/sashay/serialization - Accessify.com
http://www.accessify.com/default.asp - Web Accessbility in Mind (WebAIM)
http://www.webaim.org - Effective Color Contrast: Designing for People with Partial Sight & Color
Deficiencies
http://www.lighthouse.org/color_contrast.htm - Accessible Web Page Design (resource links)
http://www.makoa.org/web-design.htm - Section 508 Facts
http://www.access-board.gov/sec508/brochure.htm - Understanding Accessibility: A Guide to Achieving Compliance on Web Sites
and Intranets (PDF book)
http://www.hisoftware.com/uaen/WebHelp/understanding_accessibility.htm - “Screen Readers and the Web” 16-minute QuickTime video (23
MB)
http://www.doit.wisc.edu/accessibility/video/screenreader22.mov
Accessibility Validation
- Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0
http://www.w3.org/TR/WCAG10/full-checklist.html - Section 508 Checklist
http://www.webaim.org/standards/508/checklist - Section 508 point by point
http://508as.usablenet.com/508AS/current/rules - WAVE (online Web accessibility validator)
http://wave.webaim.org - Cynthia Says (online Web accessibility validator)
http://www.cynthiasays.com - Accessibility Valet Demonstrator
http://valet.webthing.com/access/url.html - Bobby (online Web accessibility validator)
http://bobby.watchfire.com/bobby/html/en - Accessibility Checking... With Just A Browser!
http://www.sitepoint.com/article/1011/2
Animated GIFs
- GIF Animation Tutorials
Using Photoshop CS3
- How to make an animated GIF
http://www.lynda.com/tips/half/animlaysm.html - Build Animated GIFs in Photoshop
http://www.creativetechs.com/iq/build_animated_gifs_in_photoshop.html - PhotoshopSupport Tutorial (Flash video)
http://www.photoshopsupport.com/photoshop-cs3/video-tutorials/cs3-frame-timeline-animation-video.html - Animated GIFs and Photoshop CS3
http://rauru.com/2008/03/animated-gifs-and-photoshop-cs3
- How to make an animated GIF
- Optimizing Animated GIFs
http://www.webreference.com/dev/gifanim - GIF Animation Software
- GIFBuilder (Macintosh freeware)
http://www.tucows.com/preview/206447 - GIF Construction Set (Windows shareware)
http://www.mindworkshop.com/alchemy/gifcon.html
- GIFBuilder (Macintosh freeware)
Backgrounds
- Controlling Document Backgrounds (using HTML, not CSS)
http://wp.netscape.com/assist/net_sites/bg - Using Background-Image to Replace Text
http://www.stopdesign.com/also/articles/replace_text - See also:
Images: Free Background Patterns
Breadcrumb Trails
- Breadcrumb Navigation Increasingly Useful
http://www.useit.com/alertbox/breadcrumbs.html - Influence of Training and Exposure on the Usage of Breadcrumb Navigation
http://www.surl.org/usabilitynews/61/breadcrumb.asp - Breadcrumbs Markup
http://projectcerbera.com/web/articles/breadcrumbs-markup - Self-Writing Breadcrumb Trail (ready-to-use PHP code)
http://www.drquincy.com/resources/code/php/selfwritingbreadcrumbtrail
Browser Downloads
- Camino (for Macintosh)
http://www.mozilla.org/projects/camino - Chrome (for Windows, Macintosh, Linux)
http://www.google.com/chrome - Firefox (for Windows, Macintosh, Linux)
http://www.mozilla.org/products/firefox- Firefox Web Developer toolbar add-on
https://addons.mozilla.org/en-US/firefox/addon/60 - WAVE toolbar add-on
http://wave.webaim.org/toolbar - Firefox Firebug toolbar add-on
https://addons.mozilla.org/en-US/firefox/addon/1843 - Firefox ColorZilla toolbar add-on
https://addons.mozilla.org/en-US/firefox/addon/271 - Firefox SeoQuake add-on
http://www.seoquake.com
- Firefox Web Developer toolbar add-on
- Flock (for Windows, Macintosh, Linux)
http://www.flock.com - iCab (for Macintosh)
http://www.icab.de/dl.php - Internet Explorer (for Windows)
http://www.microsoft.com/windows/ie/downloads - Lynx (text browser for Unix, Windows)
http://lynx.isc.org/release - Lynx (text browser for Macintosh)
http://www.apple.com/downloads/macosx/unix_open_source/lynxtextwebbrowser.html - Konqueror (for Linux)
http://www.konqueror.org - Mozilla (for Windows, Macintosh, Linux)
http://www.mozilla.org/products/mozilla1.x - Netscape (for Windows, Macintosh, Linux)
http://browser.netscape.com - OmniWeb (for Macintosh)
http://www.omnigroup.com/applications/omniweb/download - Opera (for Windows, Macintosh, Linux)
http://www.opera.com/download - Safari (for Windows, Macintosh)
http://www.apple.com/safari/download - SeaMonkey (for Windows, Macintosh, Linux)
http://www.seamonkey-project.org - Sunrise (for Macintosh)
http://www.sunrisebrowser.com/en - Browser Archive (lots of older browsers)
http://browsers.evolt.org
Browsers & Browser Issues
- Chart of Mac browser features
http://hotwired.lycos.com/webmonkey/reference/browser_chart/index_mac.html - Chart of Windows browser features
http://hotwired.lycos.com/webmonkey/reference/browser_chart - Sizing Up the Browsers
http://hotwired.lycos.com/webmonkey/99/41/index3a.html - Sizing Up Text on the Next Browsers
http://hotwired.lycos.com/webmonkey/00/16/index2a.html - One browser, many names (Netscape)
http://www.evolt.org/article/One_browser_many_names/21/29442 - CSS Enhancements in Explorer 6
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp - Macintosh Browser Smackdown
http://www.arstechnica.com/reviews/003/software/mac/browser/mac-browsers-1.html - Macintosh Web Browsers
http://darrel.knutson.com/mac/www/browsers.html - Browser Sniffing
- Browser Detection and Cross Browser Support
http://devedge.netscape.com/viewsource/2002/browser-detection - The Ultimate JavaScript Client Sniffer (out of date, but still interesting)
http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html - Psychedelix list of user agent strings
http://www.psychedelix.com/agents.html - List of user agent strings
http://www.pgts.com.au/pgtsj/pgtsj0208c.html
- Browser Detection and Cross Browser Support
CGI (Common Gateway Interface)
- Ada's Introduction to CGI
http://www.javascriptkit.com/howto/adashimar - Intro to CGI
http://www.mattkruse.com/info/cgi - How to Use Your CGI-BIN
http://my.execpc.com/~keithp/bdlogcgi.htm - Free CGI Scripts
- The CGI Resource Index
http://cgi.resourceindex.com/Programs_and_Scripts/Perl - HotScripts.com
http://www.hotscripts.com/Perl/Scripts_and_Programs
- The CGI Resource Index
Character Encoding
- Characters and Fonts
http://webtips.dan.info/char.html - The Definitive Guide to Web Character Encoding
http://www.sitepoint.com/article/guide-web-character-encoding - Character Encoding
http://www.yale.edu/pclt/encoding/index.htm - A tutorial on character code issues
http://www.cs.tut.fi/~jkorpela/chars.html - The Absolute Minimum Every Software Developer Absolutely, Positively
Must Know About Unicode and Character Sets
http://www.joelonsoftware.com/articles/Unicode.html
Color
- Learning to Use Color on Your Web Site
http://www.creativepro.com/story/feature/6858.html - Which Color Palette? Optimizing Web Graphics
http://webreference.com/dev/graphics/palette.html - Quick Reference: Color Codes
http://hotwired.lycos.com/webmonkey/reference/color_codes - Death of the Websafe Color Palette?
http://www.webmonkey.com/webmonkey/00/37/index2a.html?tw=design - The (So-Called) Browser-Safe Palette
- The Browser-Safe Color Palette
http://www.lynda.com/hex.html - The Browser-Safe Colors by Hue
http://www.lynda.com/hexh.html - The Browser-Safe Colors by Value
http://www.lynda.com/hexv.html
- The Browser-Safe Color Palette
Color Pickers
- A Review of Web Based Color Pickers
http://web-graphics.com/mtarchive/000972.php - VisiBone Webmaster's Color Lab
http://www.visibone.com/colorlab - Color Blender
http://meyerweb.com/eric/tools/color-blend - Netscape (6x6x6) Color Palette Map
http://the-light.com/colclick.html - The Colorizer
http://webreference.com/html/tools/colorizer - Color Schemer Online
http://www.colorschemer.com/online.html - LaMaia's Color Picker
http://ladb.unm.edu/~lamaia/colors/color_picker.php3 - Palettizer CSS Color Contrast Picker
http://www.markup.co.nz/palettizer/palettizer.htm - Color Number Calculator
http://www.houseof3d.com/pete/applets/tools/colors - 4 Colors Selector
http://www.stormloader.com/4colors - More Crayons (Slider)
http://www.morecrayons.com/palettes/webSmart/slider.php - Color Harmonies
http://www.easyrgb.com/harmonies.php - 4096 Color Wheel
http://ficml.phpnet.us/jemimap/style/color/wheel.html
Copyright
- Copyright on the Web
http://webdesign.about.com/library/weekly/aa081700a.htm - Copyright basics for Web authors and users
http://www.cs.tut.fi/~jkorpela/webcopyr.html - 10 Big Myths about copyright explained
http://www.templetons.com/brad/copymyths.html - US Copyright Office
http://www.copyright.gov - Creative Commons
http://creativecommons.org - ISSN for Weblogs
http://fawny.org/issn.html
CSS (Cascading Style Sheets)
- Adding a touch of style
http://www.w3.org/MarkUp/Guide/Style - Using Style Sheets
http://www.brainjar.com/css/using - CSS guide (House of Style)
http://www.westciv.com/style_master/academy/css_tutorial - CSS Frequently Asked Questions
http://www.hwg.org/resources/faqs/cssFAQ.html - Working with CSS
http://developer.apple.com/internet/css/introduction.html - CNET - Getting Started With Cascading Style Sheets
http://builder.com.com/5100-31-5074849.html - Guide to Cascading Style Sheets (from Web Design Group)
http://www.htmlhelp.com/reference/css - Mulder's Stylesheets Tutorial (from Webmonkey)
http://hotwired.lycos.com/webmonkey/98/15/index0a.html?tw=stylesheets - Introduction to Style Sheets
http://www.jalfrezi.com/fstyles.htm - Web Developers Virtual Library - Cascading Style Sheets
http://wdvl.com/Authoring/Style/Sheets - Selectutorial - CSS Selectors
http://css.maxdesign.com.au/selectutorial - CSS Pointers Menu
http://css.nu/pointers - When Should I Use a Class and When Should I Use an ID?
http://css-discuss.incutio.com/?page=ClassesVsIds - Correctly Using Titles With External Stylesheets
http://devedge.netscape.com/viewsource/2002/preferred-stylesheets - Converting HTML to CSS
http://tom.me.uk/html-to-css - CSS Play
http://www.moronicbajebus.com/playground/cssplay - The css-discuss Wiki
http://css-discuss.incutio.com
CSS & Printing
- CSS: Going to Print
http://www.alistapart.com/articles/goingtoprint - Kissing Print Versions of Pages Goodbye
http://evolt.org/article/Kissing_Print_Versions_of_Pages_Goodbye/20/22225- Printing With Style (continuation of Kissing Print Versions of
Pages Goodbye)
http://evolt.org/article/Printing_with_style/17/26318
- Printing With Style (continuation of Kissing Print Versions of
Pages Goodbye)
- The Web IS Print!
http://www.macedition.com/cb/cb_20011022.php
CSS Backgrounds
- CSS Background Code Tutorial
http://csshtmltutorial.com/csshtmltutorial-cssbackgroundcodetutorial.php
CSS Browser Support Charts
- House
of Style CSS1 & CSS2 browser support info
http://www.westciv.com/style_master/academy/browser_support- CSS1 & CSS2 browser support: Basic Concepts
http://www.westciv.com/style_master/academy/browser_support/basic_concepts.html - CSS1 & CSS2 browser support: Selectors
http://www.westciv.com/style_master/academy/browser_support/selectors.html - CSS1 & CSS2 browser support: Text Properties
http://www.westciv.com/style_master/academy/browser_support/text.html - CSS1 & CSS2 browser support: Background, Border, Margin & Padding
Properties
http://www.westciv.com/style_master/academy/browser_support/bg_border_margin_padding.html - CSS1 & CSS2 browser support: Page Layout Properties
http://www.westciv.com/style_master/academy/browser_support/page_layout.html - CSS1 & CSS2 browser support: Element Type Properties
http://www.westciv.com/style_master/academy/browser_support/element_type.html - CSS1 & CSS2 browser support: User Interface Properties
http://www.westciv.com/style_master/academy/browser_support/user_interface.html - CSS1 & CSS2 browser support: Generated Content
http://www.westciv.com/style_master/academy/browser_support/generated_content.html - CSS1 & CSS2 browser support: Printing
http://www.westciv.com/style_master/academy/browser_support/printing.html - CSS1 & CSS2 browser support: Values
http://www.westciv.com/style_master/academy/browser_support/values.html
- CSS1 & CSS2 browser support: Basic Concepts
- CSS1 Support Chart (the “Mastergrid”)
http://devedge.netscape.com/library/xref/2003/css-support/css1/mastergrid.html - Historical CSS1 Support Chart
http://devedge.netscape.com/library/xref/2003/css-support/css1/oldschool.html - CSS2 Selectors Support Chart
http://devedge.netscape.com/library/xref/2003/css-support/css2/selectors.html - Abridged Guide to CSS2 Support
http://www.macedition.com/cb/resources/abridgedcsssupport.html - MacEdition Guide to CSS2 Support in Mac-only Browsers
http://www.macedition.com/cb/resources/macbrowsercsssupport.html - MacEdition Guide to CSS3 Selector Support
http://www.macedition.com/cb/resources/css3support_selectors.html - CSS-based Lists Browsers Support Chart (from Listamatic2)
http://css.maxdesign.com.au/listamatic2/browser-support.htm - Netscape 4-compatible CSS Selectors, Properties, and Values
http://www.pixellated.org/nn4css.php
CSS Demos
- CSS Zen Garden
http://www.csszengarden.com - CSS edge
http://www.meyerweb.com/eric/css/edge - CSSPlay
http://www.cssplay.co.uk - StrangeBanana (random CSS generator)
http://www.strangebanana.com/generator.aspx - Ten CSS tricks you may not know
http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml - Fifty Ways to Style a Headline
http://www.christopherschmitt.com/books/cssbook/resources/css/headings
CSS Hacks
- CSS Hacks
http://css-discuss.incutio.com/?page=CssHack - Layout Techniques: Hacks
http://glish.com/css/hacks.asp - Tantek Çelik’s Box Model Hack
http://www.tantek.com/CSS/Examples/boxmodelhack.html - Avoiding Tantek Çelik’s Box Model Hack
http://www.webmasterworld.com/forum83/652.htm - Floating Box Horizontal Margin Width Bug
http://randomfoo.net/sandbox/style/ie6margin - CSS Hints for Internet Explorer 5 (Mac)
http://developer.apple.com/internet/css/ie5cssbugs.html - Hiding Styles from Browsers
- Tricking Browsers and Hiding Styles
http://www.ericmeyeroncss.com/bonus/trick-hide.html - How to Hide CSS from Buggy Browsers
http://w3development.de/css/hide_css_from_browsers - CSS Filters
http://centricle.com/ref/css/filters/ - The Owen Hack: Hiding CSS from Old Versions of Opera
http://www.albin.net/CSS/OwenHack.html
- Tricking Browsers and Hiding Styles
- Keep It Simple: Keep CSS Simple
http://www.digital-web.com/columns/keepitsimple/keepitsimple_2003-11.shtml
CSS Layout Templates
- 450+ CSS Layouts
http://designfestival.com/450-css-layouts/ - Free CSS Layouts
http://www.free-css.com/free-css-layouts/page1.php - CSS Layout Techniques: for Fun and Profit
http://www.glish.com/css - CSS Page Layout Templates
http://www.ssi-developer.net/main/templates - Little boxes (CSS layout examples)
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html - The Layout Reservoir
http://www.bluerobot.com/web/layouts - Three-Column Layouts
http://css-discuss.incutio.com/?page=ThreeColumnLayouts - CSS Layouts for Netscape 4
http://www.saila.com/usage/layouts/nn4-layouts.shtml - Netscape 4-compatible CSS 3-column layouts
http://www.fu2k.org/alex/css - CSS Form Layout Templates
http://www.themaninblue.com/experiment/InForm
CSS Positioning
- CSS Positioning
http://www.brainjar.com/css/positioning - Flexible Layouts With CSS Positioning
http://www.alistapart.com/articles/flexiblelayouts - Position Is Everything
http://www.positioniseverything.net/index.php - Thinking Inside the Box
http://www.wpdfd.com/editorial/wpd1002.htm#feature - Floatutorial: Simple Tutorials on CSS Floats
http://css.maxdesign.com.au/floatutorial - No Margin for Error: CSS Collapsing
http://www.andybudd.com/blog/archives/000114.html - CSS Mastery: Page Layout
http://www.webreference.com/authoring/style/sheets/css_mastery - Centering Block Elements
http://css-discuss.incutio.com/?page=CenteringBlockElement - The Float Model Problem
http://www.positioniseverything.net/floatmodel.html - CSS Positioning, Part I
http://www.webreference.com/html/tutorial18 - CSS Positioning, Part II
http://www.webreference.com/html/tutorial19 - CSS Float HTML Tutorial - Part 1
http://www.bigbaer.com/css_tutorials/css.float.html.tutorial.htm
CSS References
- CSS: The Definitive Guide, 2nd Edition, by Eric Meyer
- http://books.google.com/books?id=nU4EiJ9ZPf8C&printsec=frontcover
- CSS Properties
http://www.htmlhelp.com/reference/css/properties.html - Index Dot CSS
http://www.blooberry.com/indexdot/css - NCD Style Sheet Guide
http://www.ncdesign.org/html/sindex.htm - CSS Reference Table
http://builder.com.com/5100-31-5071268.html - CSS Properties & Values
http://simplythebest.net/info/css_properties.html - CSS Units
http://www.htmlhelp.com/reference/css/units.html
CSS Styling of Forms
- Prettier Accessible Forms
http://www.alistapart.com/articles/prettyaccessibleforms - Style Web Forms Using CSS
http://www.sitepoint.com/article/style-web-forms-css - Applying CSS to Forms
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml - CSS Styling of Forms
http://www.cssplay.co.uk/menu/form.html - CSS-Only, Table-less Forms
http://jeffhowden.com/code/css/forms - Fun with Forms – Customized Input Elements
http://www.picment.com/articles/css/funwithforms - Niceforms
http://www.emblematiq.com/lab/niceforms
CSS Styling of Tables
- CSS Styling Tables
http://www.w3schools.com/css/css_table.asp - CSS from the Ground Up: Styling Tables
http://www.wpdfd.com/issues/70/css_from_the_ground_up_12_15 - Top 10 CSS Table Designs
http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs - Styling Tables with CSS
http://www.elated.com/articles/styling-tables-with-css - Styling Tables with CSS
http://www.timrivera.com/tests/csstables.html
Design Principles
- Visual Design Principles
http://www.figg.com/ired510/DesignPrinciples.htm - Text & Graphical layout based on principles by Robin Williams & John
Tollet
http://edweb.sdsu.edu/Courses/EDTEC470/graphics/carp - Style vs. Design
http://www.adobe.com/designcenter/dialogbox/stylevsdesign - Differences Between Print Design and Web Design
http://www.useit.com/alertbox/990124.html - Web Page Development: Best Practices
http://developer.apple.com/internet/bestwebdev.html - Top Ten Web Design Mistakes of 2003
http://www.useit.com/alertbox/20031222.html - A Dao of Web Design
http://www.alistapart.com/articles/dao - The Principles of Design
http://www.digital-web.com/articles/principles_of_design - The Elements of Design
http://www.digital-web.com/articles/elements_of_design - Designing for the Web
http://www.digital-web.com/articles/designing_for_the_web - Principles and Elements of Design
http://www.digital-web.com/articles/principles_and_elements_of_design - Jeffrey Zeldman: Understanding Web Design
42-minute video: http://www.aiga.org/content.cfm/video-gain-2008-zeldman
PDF transcript: http://www.aiga.org/resources/content/5/3/2/4/documents/aiga_gain08_zeldman.pdf
Doctypes (DTDs) & Doctype Switching
- Fixing Your Site With the Right DOCTYPE
http://www.alistapart.com/articles/doctype - DOCTYPE Explained
http://developer.apple.com/internet/html/doctype.html - List of valid DTDs you can use in your document
http://www.w3.org/QA/2002/04/valid-dtd-list.html - Doctype switching and standards compliance: An overview
http://gutfeldt.ch/matthias/articles/doctypeswitch.html - Doctypes and their respective layout mode
http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html - Activating the Right Layout Mode Using the Doctype Declaration
http://hsivonen.iki.fi/doctype - Picking a Rendering Mode
http://www.ericmeyeroncss.com/bonus/render-mode.html - Doctype Switching (how the Doctype affects specific browser rendering)
- The !DOCTYPE “Switch” in IE 6
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp - Mozilla’s Quirks Mode
http://www.mozilla.org/docs/web-developer/quirks - Gecko’s “Almost Standards” Mode
http://devedge.netscape.com/viewsource/2002/almost-standards - The Opera 7 DOCTYPE Switches
http://www.opera.com/docs/specs/doctype - The IE Box Model and Doctype Modes
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
- The !DOCTYPE “Switch” in IE 6
Email & Spam
- A Beginner's Guide to Effective Email
http://www.webfoot.com/advice/email.context.html - How E-mail Works
http://computer.howstuffworks.com/email.htm/printable - Protecting Your Website’s Email Addresses from Being Used by Spammers
http://istpub.berkeley.edu:4201/bcc/Winter2003/feat.spamharvest.html - Fight Spam on the Internet!
http://spam.abuse.net - Free Email Services
- Yahoo! Mail
http://mail.yahoo.com - Hotmail (from Microsoft)
https://registernet.passport.net - Gmail (from Google)
http://mail.google.com/mail?tab=wm - 15 Free POP3 Email Services
http://lowendmac.com/misc/05/0801.html
- Yahoo! Mail
- See also:
HTML Email
File Paths & Links
- How File Paths Work
http://teacherjohn.com/tutorials/paths.php - Understanding Paths
http://www.webdiner.com/webadv/begin/paths.htm - Directories and Paths (for Windows and Unix/Linux Web Servers)
http://www.lvsonline.com/tut-dirs/index.shtml - Creating Links
http://www.jqjacobs.net/web/links.html - Using and Interpreting Relative URLs
http://www.iusmentis.com/technology/www/relativeurls
Flash
- Macromedia Flash Development Center
http://www.macromedia.com/devnet/mx/flash - Flash Kit- A Flash Developer Resource Site
http://www.flashkit.com - Flashes of Brilliance and Use-Centered Design
http://www.digital-web.com/features/feature_2003-04b.shtml - Flash: 99% Good
http://www.sitepoint.com/article/flash-99-good - Flash Satay: Embedding Flash While Supporting Standards
http://www.alistapart.com/articles/flashsatay - Flash & Accessibility
- FlashMX: Clarifying the Concept
http://www.alistapart.com/articles/flash_mx_clarifying - FlashMX: Moving Toward Accessible Rich Media
http://www.alistapart.com/articles/flash_mx_moving
- FlashMX: Clarifying the Concept
FTP (File Transfer Protocol)
- So You Want To FTP/Download, Huh?
http://www.htmlgoodies.com/beyond/ftp.html - A Beginner's Guide to FTP
http://www.ftpplanet.com/ftpresources/basics.htm - FTPing with Fetch (for Macintosh)
http://hotwired.lycos.com/webmonkey/98/41/index4a.html - How to Use FTP (WS_FTP for Windows)
http://www.d-na.com/tryftp.htm - How to Use WS_FTP LE (for Windows)
http://www.getcaughtonline.com/training/ftptutorial.html - FTP Software
- CoreFTP Lite (freeware for Windows; does FTP & SFTP)
http://www.coreftp.com - Cyberduck (freeware for Mac OS X; does FTP & SFTP)
http://cyberduck.ch - Fugu (freeware for Mac OS X; does SFTP, not FTP)
http://rsug.itd.umich.edu/software/fugu - Fetch (for Mac OS X; v.5 does FTP & SFTP) (ask instructor
for educational serial #)
http://fetchsoftworks.com
- CoreFTP Lite (freeware for Windows; does FTP & SFTP)
Glossaries & Definitions
- WebmasterWorld Glossary
http://www.webmasterworld.com/glossary - Glossary of Internet & Web Jargon
http://www.lib.berkeley.edu/TeachingLib/Guides/Internet/Glossary.html - Webmonkey Reference Glossary
http://hotwired.lycos.com/webmonkey/glossary - CSS font-family Glossary
http://www.codestyle.org/css/font-family/Glossary.shtml - OneLook Dictionary Search
http://www.onelook.com - Merriam Webster Online (dictionary and thesaurus)
http://webster.com
History of the Web
- The Original Proposal of the Web (1989)
http://www.w3.org/History/1989/proposal.html - A Little History of the World Wide Web
http://www.w3.org/History.html - Hobbes' Internet Timeline
http://www.zakon.org/robert/internet/timeline - History of Browsers
http://nethistory.urldir.com/browsers.php
HTML & Web Design: Learning Aids
- W3Schools.com
http://www.w3schools.com - HTML Tutorials
http://www.echoecho.com/html.htm - HTML Basic Tutor - Web Design Tutorials for HTML Beginners
http://www.htmlbasictutor.ca
HTML Email
- MailChimp Email Marketing Resource Center
http://www.mailchimp.com/resources - How to Code HTML Email Newsletters
http://www.sitepoint.com/article/code-html-email-newsletters - How HTML Code Affects E-Mail Deliverability
http://www.clickz.com/showPage.html?page=clickz_print&id=3490146 - Free HTML Email Templates
http://www.mailchimp.com/resources/templates - The Principles of Beautiful HTML Email
http://www.sitepoint.com/article/principles-beautiful-html-email - Don't Let Your E-mail Newsletter End Up... In Your Customers' Junk Folder!
http://spamcheck.sitesell.com - CSS and Email, Kissing in a Tree
http://alistapart.com/articles/cssemail
HTML Forms
- Good Forms (Webmonkey tutorial)
http://www.webmonkey.com/templates/print_template.htmlt?meta=/webmonkey/99/30/index4a_meta.html - Better Web Forms
http://www.7nights.com/dkrprod/gwt_four.php - Creating Accessible Forms
http://www.webaim.org/techniques/forms - Prettier Accessible Forms
http://www.alistapart.com/articles/prettyaccessibleforms - Build Accessible Online Forms
http://www.sitepoint.com/article/accessible-online-forms - Accessible HTML/XHTML Forms: Beginner Level
http://www.webstandards.org/learn/tutorials/accessible-forms/beginner - Accessible HTML/XHTML Forms: Intermediate Level
http://www.webstandards.org/learn/tutorials/accessible-forms/intermediate - Accessible HTML/XHTML Forms: Advanced Level
http://www.webstandards.org/learn/tutorials/accessible-forms/advanced - See also:
CSS Styling of Forms
HTML Frames
- Crash Course in Frames
http://www.webhelp.org/frames/index.html - So, You Want Some Frames, Huh? (HTML Goodies)
http://htmlgoodies.earthweb.com/tutors/frame1.html - Frames: an introduction (Netscape's help site)
http://wp.netscape.com/assist/net_sites/frames.html - Guide to Frames Usage
http://www.htmlhelp.com/design/frames - Dan’s Web Tips: Frames
http://webtips.dantobias.com/frames.html - Frames Without Tears
http://www.alistapart.com/articles/frames - Why Frames Suck (Most of the Time)
http://www.useit.com/alertbox/9612.html - The No Frames Movement
http://www.bright.net/~jonadab/noframes - Frames in HTML documents (from W3C HTML 4.01 specs)
http://www.w3.org/TR/html401/present/frames.html
HTML Images
- HTML Images
http://www.tagbytag.org/tutorials/html-beginner/html-images - HTML Images
http://www.learn-html-tutorial.com/Images.php
HTML Lists
- HTML Lists: Introduction
http://www.echoecho.com/htmllists.htm - CSS Design: Taming Lists
http://www.alistapart.com/articles/taminglists - Listutorial: Simple Tutorials on CSS-based Lists
http://css.maxdesign.com.au/listutorial - Listamatic: Sample Code for CSS-based Lists
http://css.maxdesign.com.au/listamatic - Listamatic2: Sample Code for CSS-based Nested Lists
http://css.maxdesign.com.au/listamatic2
HTML Meta Tags
- How To Use HTML Meta Tags
http://www.searchenginewatch.com/webmasters/article.php/2167931- Death of a Meta Tag
http://www.searchenginewatch.com/sereport/article.php/2165061 - Revisiting Meta Tags
http://www.searchenginewatch.com/sereport/article.php/2165131
- Death of a Meta Tag
- Back to Basics: Meta Tags
http://www.webdeveloper.com/html/html_metatags.html - Meta Tags: What are they and why do I care?
http://www.slackerhtml.com/html/meta.html - Meta Tags
http://www.yourhtmlsource.com/promotion/metatags.html - 10 Questions About Meta Data
http://builder.com.com/5100-31-5077482.html
HTML References
- HTML 4.0 Reference
http://www.htmlhelp.com/reference/html40 - XHTML 1.0 reference with examples
http://www.zvon.org/xxl/xhtmlReference/Output - Index Dot HTML
http://www.blooberry.com/indexdot/html - NCD HTML Design Guide
http://www.ncdesign.org/html - XHTML 1.0 Reference
http://www.w3schools.com/xhtml/xhtml_reference.asp - Comparison of Strict and Transitional XHTML
http://www.zvon.org/xxl/xhtmlReference/Output/comparison.html - Block-Level and Inline Elements
http://www.ahuka.com/htmllevel1/blocklevel.html - See also:
W3C Specifications
HTML Special Characters & Encoding
- Dan's Web Tips: Characters and Fonts
http://webtips.dan.info/char.html - A tutorial on character code issues
http://www.cs.tut.fi/~jkorpela/chars.html - Character Encoding and the Web
http://pclt.cis.yale.edu/pclt/encoding/index.htm - Unicode Home Page
http://www.unicode.org - FAQ: Setting encoding in web authoring applications
http://www.w3.org/International/questions/qa-setting-encoding-in-applications
HTML Tables
- A Table Sampler (tables by example)
http://hissa.nist.gov/~black/tableQuikRef.html - So, You Want A Table, Huh? (HTML Goodies tutorial)
http://htmlgoodies.earthweb.com/tutors/table.html - CSS Tables Tutorial
http://www.htmlcenter.com/tutorials/tutorials.cfm/61/CSS - MacEdition Guide to CSS Support for Tables
http://macedition.com/cb/resources/tableCSStest.html - Nested Tables and Spacer GIFs in Page Layout
http://courses.wccnet.org/%7Ejwithrow/schedule.php?f=170&p=tables-gifs-layout - Why Tables for Layout Is Stupid
http://www.hotdesign.com/seybold - Semantic (X)HTML Markup: Using Tables Appropriately
http://www.communitymx.com/content/article.cfm?cid=0BEA6 - Tables in HTML documents (from W3C HTML 4.01 specs)
http://www.w3.org/TR/html401/struct/tables.html
HTML: Useful Tags
- <div> and <span>
http://www.mako4css.com/BasDiv.htm - Using ALT And TITLE Attributes
http://www.netmechanic.com/news/vol6/html_no1.htm - Appropriate Use of Alternative Text
http://www.webaim.org/techniques/alttext - Guidelines on alt texts in img elements
http://www.cs.tut.fi/~jkorpela/html/alt.html - The <abbr> and <acronym> Tags
http://www.madeforall.com/tutorials/abbr_and_acronym.html
Image Aquisition/Scanning
- Scanning Tips
http://www.scantips.com
Image Brightness/Gamma
- Gamma Correction Explained
http://www.cgsd.com/papers/gamma_intro.html - Why Do Images Appear Darker on Some Displays?
http://www.bberger.net/rwb/gamma.html - Proper Gamma (Brightness) for Cross Platform WWW Images
http://www.cgsd.com/papers/gamma.web.html - GammaToggle (software for Mac)
http://www.thankyouware.com/gammatoggle.html
Image Formats (GIF, JPEG, PNG)
- Graphic File Formats
http://webstyleguide.com/wsg3/11-graphics/5-web-graphics-formats.html - Graphic Terms To Understand
http://www.lm.havre.k12.mt.us/teachertools/graphicimages.html - GIF vs. JPG -- Which Is Best?
http://www.siriusweb.com/tutorials/gifvsjpg - A PNG Review
http://www.mezzoblue.com/archives/2003/06/09/a_png_review - Cross-Browser Variable Opacity with PNG
http://www.alistapart.com/articles/pngopacity - To PNG or not to PNG
http://www.evolt.org/article/To_PNG_or_not_to_PNG/22/60134/index.html - PNG Home Site
http://www.libpng.org/pub/png
Imagemaps
- So You Want A Client-Side Image Map, Huh?
http://www.htmlgoodies.com/tutors/cs_imap.html - Tutorial: Image Map Creation Using MapEdit Software
http://www.csc.flint.umich.edu/~hickslm/263/MapEdit/MapEditTut.htm - Imagemap Software
- Mapedit Home Page (Windows, Mac, and Unix shareware)
http://www.boutell.com/mapedit/index.html
- Mapedit Home Page (Windows, Mac, and Unix shareware)
Images
- Creating High-Impact Documents
http://wp.netscape.com/assist/net_sites/impact_docs/index.html - Adding Images to Your Site
http://philip.greenspun.com/panda/images.html - Understanding Antialiasing and Transparency
http://www.lunaloca.com/tutorials/antialiasing - Transparent GIFs, Part 1: Creating and Optimizing
http://www.wise-women.org/tutorials/ps1 - Resolution Demystified
http://www.wpdfd.com/editorial/wpd0899.htm#comment - The Mad, Mad World of Pixels Per Inch (PPI)
http://www.webdevelopersjournal.com/columns/ajs_ppi.html - Sizing Images with Percentages (using CSS)
http://css-discuss.incutio.com/?page=UsingPercent
Images: Free Background Patterns
- Squidfingers
http://www.squidfingers.com/patterns -
Free Backgrounds
http://www.allfreebackgrounds.com/background_select.html - Absolute Background Textures Archive
http://www.grsites.com/textures - Backgrounds, Bumps, & Patterns
http://Www.Scenic-Route.Com/Img/Htmlfram/Backgrnd.Htm - BackgroundCity.Com
http://www.backgroundcity.com - CoolNotions.com
http://www.coolnotions.com/Backgrounds/Backgrounds.htm
Images: Free Clip Art
- Clipart Connection
http://www.clipartconnection.com - Free Clip Art
http://www.free-clip-art.com - #1 Free Clip Art
http://www.1clipart.com - Steal These Buttons
http://gtmcknight.com/buttons
Information Architecture
- Information Architecture Tutorial
http://hotwired.lycos.com/webmonkey/design/site_building/tutorials/tutorial1.html - 10 questions about information architecture
http://builder.com.com/5100-31-5074224.html - Boxes and Arrows
http://www.boxesandarrows.com - The Santa Cruz IA List (managed by Scott Robinson)
http://groups.yahoo.com/group/sc-ia/links - A visual vocabulary for describing information architecture and interaction
design
http://www.jjg.net/ia/visvocab
JavaScript
- Cut-and-paste JavaScripts
- HotScripts.com
http://www.hotscripts.com/JavaScript/Scripts_and_Programs - The JavaScript Source
http://javascript.internet.com - JavaScript.com
http://www.javascript.com
- HotScripts.com
- JavaScript Generators
- Hypergurl online popup window generator
http://www.hypergurl.com/newwindow.html - GreatLook JavaScript Rollover Generator
http://www.greatlook.com/rollover.html
- Hypergurl online popup window generator
- JavaScript for the World Wide Web: Visual QuickStart Guide, 3rd Edition
http://www.chalcedony.com/javascript2e - Doc JavaScript
http://webreference.com/js
Multimedia & the Web
- Introduction to Web Multimedia
http://www.w3schools.com/media/media_intro.asp - Mutimedia File Formats Guide
http://www.rice.edu//fondren/erc/howto/formats.html - Digitized Sound
http://www.iGeek.com/articles/Sound/DigitizedSound.txt - Guide to Using QuickTime on the Web
http://userwww.sfsu.edu/~infoarts/technical/howto/wilson.quicktime.html - SMIL When You Play That (An Intro to SMIL & SVG)
http://www.alistapart.com/articles/smil - The Object Tag - Embed Content in Valid Strict HTML
http://joliclic.free.fr/html/object-tag/en
Navigation & Menus
- Interface Design: Navigation
http://www.webstyleguide.com/interface/navigate.html - Website Navigation Tips
http://www.smartwebby.com/web_site_design/website_navigation_tips.asp - Navigation 101
http://wdvl.internet.com/Location/Navigation/101 - Essential Navigation Checklists for Web Design
http://www.sitepoint.com/article/1151 - A Comparison Between Left- and Right-justified Site Navigation Menus
http://jodi.ecs.soton.ac.uk/Articles/v04/i01/Kalbach - Navigation and CSS
- Build Your Site Navigation With CSS
http://www.sitepoint.com/article/1033 - Navigation Bars with CSS
http://www.westciv.com/style_master/house/cookbook/navigation_bars.html - Pure CSS Menus
http://www.meyerweb.com/eric/css/edge/menus/demo.html - CSS Tabs with Submenus
http://www.kalsey.com/tools/csstabs
- Build Your Site Navigation With CSS
Online Tools
- Web Page Analyzers
- Dr. Watson
http://watson.addy.com - Web Page Analyzer
http://www.websiteoptimization.com/services/analyze
- Dr. Watson
- Image Tools
- GIFbot (image optimizer for GIFs and JPEGs)
http://www.netmechanic.com/GIFBot/optimize-graphic.htm - JPEG Wizard Online Optimizer
http://www.jpegwizard.com - Button Maker (generates PNGs)
http://kalsey.com/tools/buttonmaker - GIFWorks (online GIF image editor)
http://www.gifworks.com - The Banner Generator Form
http://www.coder.com/creations/banner/banner-form.pl.cgi - WebFX (graphics effects generator)
http://www.nbswebfx.com - 3D Text Maker
http://www.3dtextmaker.com - FavIcon from Pics
http://www.chami.com/html-kit/services/favicon - See also:
Color Pickers
- GIFbot (image optimizer for GIFs and JPEGs)
- SelectORacle (decodes CSS selectors)
http://gallery.theopalgroup.com/selectoracle - GrayBit (converts page to grayscale for accessibility testing)
http://graybit.com/main.php - Web Page Backward Compatibility Viewer
http://www.delorie.com/web/wpbcv.html - Link Valet (link checker)
http://valet.webthing.com/link - Acrobot - Abbreviation and Acronym Generator
http://www.accessify.com/tools-and-wizards/acrobot/default.asp - Accessible Table Builder
http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp - HTML and CSS Table Border Style Wizard
http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp - CSS Box Border: Evaluate Border Styles & Cross-Browser Rendering
http://www.copysense.co.uk/border.htm - CSS Button Wizard (generates CSS styles for form buttons)
http://hentime.co.uk/webtools.php?page=cssbutton - List-o-matic (generates lists)
http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp - Layout-o-matic (generates CSS layouts)
http://www.inknoise.com/experimental/layoutomatic.php - The Amazing Rolloverer (generates CSS rollovers)
http://www.inknoise.com/experimental/rolloverer.php - URL Cleaner (cleans funky URLs so they validate)
http://www.savageideas.com/urlcleaner.asp - Email Address Encoder (anti-spam device)
http://www.wbwip.com/wbw/emailencoder.html - Adobe PDF Conversion by Simple Form (converts PDF to HTML)
http://www.adobe.com/products/acrobat/access_simple_form.html - PDF Online (converts many file formats to PDF)
https://www.pdfonline.com/convert_pdf.asp - Robot Control Code Generation Tool
http://www.mcanerin.com/EN/search-engine/robots-txt.asp - Robots.txt Validator
http://www.searchengineworld.com/cgi-bin/robotcheck.cgi - Quick Escape (use this to display HTML code on a Web page)
http://www.accessify.com/tools-and-wizards/quick-escape.asp - TypeTester (use this to visualize CSS text styles)
http://typetester.maratz.com - Meta Tag Builder
http://vancouver-webpages.com/META/mk-metas.html - BrowserHawk Browser Capabilities Test Page
http://www.cyscape.com/showbrow.asp - Babel Fish Translation
http://world.altavista.com - SpamCheck (check your HTML email to see if it looks like spam)
http://spamcheck.sitesell.com - DNS Stuff: DNS tools, WHOIS, tracert, ping, & Other Network Tools
http://www.DNSstuff.com - View HTTP Request and Response Header
http://web-sniffer.net - .htaccess Editor
http://www.htaccesseditor.com - Form Builder
http://app.formassembly.com/form-builder3.4.1
PHP
- A PHP Tutorial for Beginners
http://www.codecoffee.com/tipsforlinux/articles2/037-php1.html - Free PHP Scripts
- The PHP Resource Index
http://php.resourceindex.com/Complete_Scripts - HotScripts
http://www.hotscripts.com/PHP/Scripts_and_Programs/index.html
- The PHP Resource Index
Responsive Web Design
- Create a Responsive Web Design Template
http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/ - Build a responsive site in a week: designing responsively
http://www.netmagazine.com/tutorials/build-responsive-site-week-designing-responsively-part-1 - Designing In The Transition To A Multi-Device World
http://www.smashingmagazine.com/2013/02/13/designing-in-transition-to-multi-device/ - The top responsive web design problems ... and how to avoid them!
http://www.netmagazine.com/features/top-responsive-web-design-problems-and-how-avoid-them
Rollovers & Buttons
- CSS Rollovers
- CSS Image Rollovers
http://www.uoguelph.ca/~stuartr/articles/cssrollovers.shtml - Pure CSS2 Rollovers
http://www.webreference.com/new/rollovers - Roll Over, Rollovers -- CSS Style
http://www.oreillynet.com/pub/a/javascript/2001/03/23/rollovers.html - CSS Image Border Rollovers
http://www.evolt.org/article/CSS_Image_Border_Rollovers/22/17586 - Box of Tricks
http://www.wpdfd.com/editorial/wpd1102.htm#feature - Preloading hover states in CSS rollovers
http://www.zeldman.com/daily/0203c.shtml#csspreload - Fast Rollovers Without Preload
http://wellstyled.com/css-nopreload-rollovers.html - Mo’ Betta Rollovers
http://www.alistapart.com/articles/rollovers - Uberlink CSS Rollovers 2004
http://www.projectseven.com/tutorials/css/uberlinks - The Search for the Missing Link
http://www.uoguelph.ca/~stuartr/articles/missinglink.shtml - Internet Styleguide: CSS Rollovers
http://ecoculture.com/styleguide/r/rollovers.html
- CSS Image Rollovers
- JavaScript Rollovers
- GreatLook JavaScript Rollover Generator
http://www.greatlook.com/rollover.html - Rollovers in ImageReady & Photoshop (webmastermac.com QuickTime video)
http://www.webmastermac.com/tips/photoshop/rollovers-imageready.mov
- GreatLook JavaScript Rollover Generator
- CSS Buttons
- Learn Web Standards: CSS Buttons
http://www.westciv.com/style_master/house/tutorials/quick/buttons/index.html - Inline Buttons
http://wellstyled.com/css-inline-buttons.html - Pure CSS (Depressible) Buttons Tutorial
http://www.htmlcenter.com/tutorials/tutorials.cfm/154/CSS - Creating CSS Buttons
http://www.4guysfromrolla.com/webtech/100601-1.shtml - CSS Beveled Button Effect (forum discussion)
http://www.webmasterworld.com/forum83/1025.htm
- Learn Web Standards: CSS Buttons
Search Engine Info
- Search Engine Optimization Tutorial
http://www.semguide.com - Search Engine Watch
http://www.searchenginewatch.com - Search Engine World
http://www.searchengineworld.com - Three Ways to Improve External Search Engine Usability
http://www.digital-web.com/tutorials/tutorial_2002-07.shtml - Robots.txt Files
- Search Indexing Robots and Robots.txt
http://www.searchtools.com/robots/robots-txt.html - The Web Robots Pages
http://www.robotstxt.org/wc/robots.html
- Search Indexing Robots and Robots.txt
Sites for Web Designers
- The World Wide Web Consortium (W3C)
http://www.w3.org/2002/03/new-to-w3c - Web Standards Project
http://www.webstandards.org - A List Apart
http://www.alistapart.com - SitePoint
http://www.sitepoint.com - Web page design for designers
http://www.wpdfd.com - Digital Web Magazine
http://www.digital-web.com - Webmonkey
http://webmonkey.com - Evolt
http://www.evolt.org - Web Design Group
http://www.htmlhelp.com - Blogs
of Interest to Web Designers
- Meyerweb.com
http://meyerweb.com - Zeldman.com
http://zeldman.com - asterisk*
http://www.7nights.com/asterisk - Tim Berners-Lee's Blog
http://dig.csail.mit.edu/breadcrumbs/blog/4
- Meyerweb.com
SSI (Server Side Includes)
- The World’s XSSI Cookbook
http://www.std.com/web/help/xssi-cookbook.shtml - Apache Server Side Includes
http://www.ssi-developer.net/ssi/index.shtml - Ada's Introduction to SSI
http://www.javascriptkit.com/howto/adashimar/ssi.shtml - Server Side Includes
http://www.carleton.ca/~dmcfet/html/ssi3.html - The Fundamentals of XSSI
http://hotwired.lycos.com/webmonkey/html/97/39/index1a.html - The ECHO Directive: Displaying the Environment in Server Side Includes!
http://bignosebird.com/sdocs/echo.shtml
Style Guides
- Web Style Guide
http://www.webstyleguide.com - New York Public Library Online Style Guide
http://www.nypl.org/styleguide- Better Living Through XHTML (unofficial companion to NYPD Style
Guide)
http://www.alistapart.com/articles/betterliving
- Better Living Through XHTML (unofficial companion to NYPD Style
Guide)
Typography & the Web
- Understanding Web Typography - An Introduction
http://www.mcu.org.uk/articles/accessibletext.html - CSS Text Properties
http://www.w3schools.com/css/css_text.asp - The font-size Property
http://www.w3schools.com/css/pr_font_font-size.asp - Stylin' Fonts and Text
http://www.peachpit.com/articles/article.asp?p=600617&rl=1 - Web Typography Sucks (South by Southwest 2007, notes and podcast)
http://webtypography.net/sxsw2007 - Typography Matters
http://www.alistapart.com/articles/typography - Web Page Design: Typography
http://www.wpdfd.com/wpdtypo.htm - Hanging Punctuation
http://www.realworldstyle.com/hang_punct.html - A Comparison of Popular Online Fonts: Which is Best and When?
http://psychology.wichita.edu/surl/usabilitynews/3S/font.htm - How Should Text Be Presented Within a Website?
http://psychology.wichita.edu/optimalweb/text.htm - code style Font Sampler
http://www.codestyle.org/css/font-family - Sizing Text
- Give Me Pixels or Give Me Death
http://old.alistapart.com/stories/fear4 - Size Matters
http://www.alistapart.com/articles/sizematters - How to Size Text in CSS
http://www.alistapart.com/articles/howtosizetextincss - Text Sizing: 264 Screen Shots
http://www.thenoodleincident.com/tutorials/box_lesson/font - About Em
http://nickcowie.com/2005/about-em
- Give Me Pixels or Give Me Death
- Special Characters and Punctuation
- The Trouble with Em and En
http://www.alistapart.com/articles/emen - A Simple Character Entity Chart
http://www.evolt.org/article/ala/17/21234 - See also:
HTML Special Characters & Encoding
- The Trouble with Em and En
- Free Pixel Fonts
- BitmapMania (free bitmap fonts that won’t antialias)
http://bitmapmania.m78.com - Silkscreen: Small Free Font for Your Web Graphics
http://kottke.org/plus/type/silkscreen - Free Fonts by Cal Henderson
http://www.iamcal.com/misc/fonts
- BitmapMania (free bitmap fonts that won’t antialias)
Unix & Unix Permissions
- Unix Tutorial and Command Reference
http://www.cgi101.com/help/unixhelp.html - Understanding Permissions
http://www.elated.com/tutorials/management/unix/permissions
Usability & the Web
- useit.com: Jakob Nielsen’s Website
http://www.useit.com - Ten Usability Heuristics
http://www.useit.com/papers/heuristic/heuristic_list.html - usability.gov
http://usability.gov - Usability News
http://www.usabilitynews.com - Research-based Web Design & Usability Guidelines
http://usability.gov/guidelines - Seven tricks that Web users don't know
http://www-106.ibm.com/developerworks/library/us-tricks/?dwzone=usability - Usable Web (links about Web usability)
http://usableweb.com - Information & Design’s Usability Resources
http://www.infodesign.com.au/usabilityresources - Society for Technical Communication’s Usability Resources
http://www.stcsig.org/usability/resources - User Interface Engineering: Articles on Usability
http://www.uie.com/moreart.htm - How people revisit web pages ...
http://ijhcs.open.ac.uk/tauscher/tauscher-nf.html - Usability for Children
- Kids’ Corner: Website Usability for Children
http://www.useit.com/alertbox/20020414.html - When Kids Use the Web ...
http://www.pantos.org/ts/papers/wkutw
- Kids’ Corner: Website Usability for Children
W3C (X)HTML & CSS Specs
- How to read W3C specs
http://www.alistapart.com/articles/readspec - XHTML™ 1.1 - Module-based XHTML
http://www.w3.org/TR/xhtml11 - HTML 4.01 Specification
http://www.w3.org/TR/html401- HTML 4 Errata
http://www.w3.org/MarkUp/html4-updates/errata
- HTML 4 Errata
- Cascading Style Sheets, level 2 revision 1
http://www.w3.org/TR/CSS21 - Web Content Accessibility Guidelines 1.0
http://www.w3.org/TR/WAI-WEBCONTENT - W3C Technical Reports and Publications
http://www.w3.org/TR - Proposed (in progress) W3C Specifications
- Cascading Style Sheets (level 3)
http://www.w3.org/Style/CSS/current-work - Web Content Accessibility Guidelines 2.0
http://www.w3.org/TR/WCAG20/
- Cascading Style Sheets (level 3)
- Older W3C Specifications
- XHTML™ 1.0 (Second Edition)
http://www.w3.org/TR/xhtml1- XHTML™ 1.0 Second Edition Specification Errata
http://www.w3.org/2002/08/REC-xhtml1-20020801-errata
- XHTML™ 1.0 Second Edition Specification Errata
- HTML 3.2 Reference Specification
http://www.w3.org/TR/REC-html32 - Cascading Style Sheets, level 1
http://www.w3.org/TR/REC-CSS1
- XHTML™ 1.0 (Second Edition)
W3C Validators & Checkers
- W3C MarkUp Validation Service (HTML validator)
http://validator.w3.org- W3C MarkUp Validation Service Beta #1 (better error messages)
http://validator.w3.org:8001
- W3C MarkUp Validation Service Beta #1 (better error messages)
- W3C CSS Validation Service (CSS validator)
http://jigsaw.w3.org/css-validator/validator-uri.html- W3C CSS Validator FAQ
http://www.websitedev.de/css/validator-faq
- W3C CSS Validator FAQ
- W3C Link Checker
http://validator.w3.org/checklink - Making your website valid: a step by step guide
http://www.w3.org/QA/2002/09/Step-by-step
Writing for the Web
- Writing for the Web (Jakob Nielsen)
http://www.sun.com/980713/webwriting - Web Style Guide: Editorial Style
http://www.webstyleguide.com/style - Writing for the Web
http://www.yourhtmlsource.com/promotion/writingfortheweb.html - Web Writing That Works!
http://www.webwritingthatworks.com/index.htm - 10 Tips on Writing for the Living Web
http://www.alistapart.com/articles/writeliving - How to Write a Better Weblog
http://www.alistapart.com/articles/writebetter