Painting the Web
By
Shelley Powers
May 2008
Pages: 655
| Table of Contents
| Index
| Sample Chapter
Table of Contents
-
Chapter 1 You Must Have Fun
-
What Was Good Enough for Grandpappy…
-
Draw Me!
-
$$$$$$$$$$$$
-
Graphics: Taste Great, Less Filling
-
It Hurts! Make It Stop!
-
Web Graphics Hall of Shame
-
On with the Wondrous Variety
-
Chapter 2 Imagine
-
Raster Graphics and RGB Color 101
-
JPEG
-
GIF: Lossless and Paletted
-
PNG
-
Images: Annotated, Embedded, and Optimized
-
Steal This: Images, Copyright, and Hotlinking
-
Image Storage
-
Chapter 3 Photographs: From Camera to Web Page
-
The Web Photographer's Workflow
-
Working with RAW Images
-
Editing Photos: Bending Light
-
Color Match That Group: Optimization in Numbers
-
It's Black and White and Not Red All Over
-
The Illustrative Effect
-
Knockouts and Extractions
-
A Survey of Desktop Photo Editors
-
Online Editors: Fauxto and Picnik
-
Photo Workflow Software
-
Photo Workflow: Camera to Web Redux
-
Chapter 4 The Web As Frame
-
The Art of Thumbnail Sizing
-
The Creative Art of Thumbnails
-
Expanding Thumbnails
-
Embedding Photos: Condiment and Spice
-
Plating Photos
-
Generated Galleries and Slideshows
-
Gallery Software on the Server
-
A Bit of Code
-
Chapter 5 Pop Graphics
-
The Graphic Toolbox: Shapes, Layers, Gradient, and Blur
-
Shiny Buttons:Gel, Wet, and Glass
-
Badges and Bows: Beyond the Buttons
-
Reflecting on Reflection, and Shadowing Revisited
-
Reverse-Engineering Ideas
-
Instant in Time: Screenshots
-
Chapter 6 Vector This: Early Days and Markup
-
WebCGM
-
The 3Ds
-
VML
-
Hello SVG
-
Chapter 7 SVG Bootcamp
-
SVG Full, Basic, and Tiny
-
Browser Support: Standoffish or Integrated
-
The Structure of the SVG Space
-
SVG Elements
-
Paths, Patterns, and Markers
-
Revisiting the Viewport and the viewBox
-
Transformations
-
SVG Tools
-
Static SVG Secrets
-
Chapter 8 CSS Über Zone
-
Selector Magic
-
CSS Tips and Tricks
-
div Play Dough
-
CSS Tools and Utilities
-
Chapter 9 Design for the Non-Designer
-
The Elements of Page Design
-
Web Pages Are Like Ogres, and Ogres Have Layers
-
Flexible Designs
-
Colors: Make Your Page Happy, Make Your Page Sad
-
Typography for the Page
-
Web Design Tools
-
Additional Readings
-
Chapter 10 Dynamic Web Page Graphics
-
The Quick Intro to the DOM
-
Coloring Highlights
-
Changing Class and Transparency
-
Programming with Images
-
Accordions: Smooshable Spaces
-
Chapter 11 Canvassing
-
Cross-Browser canvas Support and Microsoft's Silverlight
-
canvas Basics
-
Saving State
-
Layering and Clipping
-
canvas Effects
-
Chapter 12 Dynamic SVG and canvas
-
Embedded Animation
-
Scripting SVG
-
Embedded Scripting
-
Animated Clock: The Hello World of Animated and Interactive SVG
-
Scripting canvas: Zoom!
-
Chapter 13 Image Magic: Programming and Power Tools
-
Serving Up Photos: Insta-Slideshows
-
Manipulate Images with PHP/GD
-
Forget the Interface: The Magic of ImageMagick
-
Programming with ImageMagick and IMagick
-
Chapter 14 The Geo Zone
-
Mapping with Google
-
Yahoo!'s Maps
-
Living Within the Geoweb
-
Chapter 15 Like Peanut Butter and Jelly: Data and Graphics
-
Graphs: Every Which Way but Static
-
Mining Your Photos
-
Rosy Glow of Completion
-
One Last Look at Data and Visualization
-
The data: URI
-
At the End of This Rainbow
-
Colophon
Return to Painting the Web