Waubonsee Community College

Painting the Web, Shelley Powers

eng

illustrations

index present

non fiction

Painting the Web

191753336

Shelley Powers

Painting the Web is the first comprehensive book on web graphics to come along in years, and author Shelley Powers demonstrates how readers of any level can take advantage of the graphics and animation capabilities built into today's powerful browsers. She covers GIFs, JPEGs, and PNGs, raster and vector graphics, CSS, Ajax effects, the canvas objects, SVG, geographical applications, and more -- everything that designers (and non-designers) use to literally paint the Web. Not only can you master the many different techniques, you also can have fun doing it. - Publisher

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 -- 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 -- 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 -- 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 -- 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 -- Vector this: early days and markup : WebCGM ; The 3Ds ; VML ; Hello SVG -- 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 -- CSS über zone : Selector magic ; CSS tips and tricks ; div play dough ; CSS tools and utilities -- 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 -- Dynamic web page graphics : The quick intro to DOM ; Coloring highlights ; Changing class and transparency ; Programming with images ; Accordions: smooshable spaces -- Canvassing : Cross-browser canvas support and Microsoft's Silverlights ; canvas basics ; Saving state ; Layering and clipping ; canvas effects -- Dynamic SVG and canvas : Embedded animation ; Scripting SVG ; Embedded scripting ; Animated clock: The hello world of animated and interactive SVG ; Scripting canvas: zoom! -- 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 IMagik -- The geo zone : Mapping with Google ; Yahoo!'s maps ; Living within the geoweb -- Like peanut butter and jelly: data and graphics : Graphs: every which way be static ; Mining your photos ; Rosy glow of completion ; One last look at data and visualization ; The data: URI ; At the end of the rainbow