Webwork
/
A Small Collection of HTML/CSS Tutorials and Examples

The Basics:

01 Getting Started
02 HTML Markup Tags
03 Minimal HTML Document Requirements
04 Basic HTML Text Formatting
05 Everything So Far
05.5 File Transfer Protocol

More Basics:

06 HyperText Links
07 Adding Images to Web Pages
08 GIFs, JPEGs and PNGs
10 Images as Links
11 Paths and Site Structure

Styling Basic HTML Tags:

12 Anatomy of a Style Tag
13 Where to Place Style Tags
14 Using CSS to Modify Basic HTML
15 Color Tags
16 "Web Safe" Hexidecimal Colors
17 Expanded Hex Color Chart
18 Font and Text Styles
19 Fonts and Typefaces, Part 1

Web Page Layout:

19.5 It's All in Your Head
20 The Div Tag
21 The Span Tag
22 HTML5 Structural Elements
23 Floating Content
24 Background Images
25 Big-Assed Backgrounds
26 CSS Shorthands

Photoshop and Web Design:

27 Wireframes
28 Photoshop Slices
29 Photoshop HTML
30 Rollovers
31 GIF Animation
32 Image Maps

Back to HTML:

33 Lists
34 Forms
35 Frames (Forgotten But Not Gone)
36 iFrames
37 Tables
38 Custom Cursors

The Not-Quite-So Basics:

39 JavaScript Tool Kit #1
40 JavaScript Tool Kit #2
41 Color Change Scripts
42 Background Image Script
43 Random Images #1
44 Random Images #2
45 Random Images #3
46 Random Images #4
47 Movable Elements
48 JavaScript Tool Kit #3
49 Opacity
49.5 Image Sprites
50 Show/Hide
51 Embedding Media
51.5 Web Fonts

The Not-At-All Basics:

52 jQuery Effects
53.0 jQuery Widgets
53.1 jQuery Sound
54 jQuery & Lightbox

HTML5 and CSS3:

55 HTML5
56 CSS3
57 CSS3 Transitions
58 CSS3 Animations

Tools:

Weave Silk
Neon Flames
Adobe Kuler Color Wheel
Creative Commons
JSFIDDLE
CODEPEN
CSS Tricks
snipplr
Code Bits:
Galaxy Viewport 1
Galaxy Viewport 2
Drop-in-Place
Mondrian

Learning from the Experts:

w3schools.com
A List Apart
The CSS Zen Garden
allthefontsyoulleverneed
Design Shack
A Beginner's Guide to HTML & CSS
World Wide Web Consortium
W3C HTML Validator
Lightbox
jQuery
script.aculo.us
Introduction to JavaScript

Learning from Other's Mistakes:

Web Pages that Suck
How a Web Page Goes Straight to Hell

Reading List:

Design Is a Job
Don't Make Me Think
photographs:

Semblance Portrait Project
The Built World
Greece
Hungary/Czech Republic
Poland
Graffiti
Simple Truths
Israel


Paris
Puebla, Mexico
Spain
Along the Mississippi
Italy
Santa Fe
The Reliance Building
Providence
archive:

Webwork
The Web Page from Hell
The Portals Project
Transition
Insights
Internet Spelling Guide
Ape Silverback (Primate Ruminations)
Revenge of the Movie Poster
GIFs 4 Us
The Web Rules
Webpix
Backgrounds 4 Us
Webpaper
Digital Sketches
Fonts
Sounds
© Jay Boersma