Graphic web design and cascading style sheets
On Saturday, February 9 at 11:30 am, I spoke at BarcampIndy 2008 on Graphic Web Design and Cascading Style Sheets. All presentations were broadcast on BlipTV. You can view a video of this presentation on BlipTV.
The premise of my presentation was to show an overview of the process between layout in Illustrator and PhotoShop to coding in HTML and CSS. I find that web design is often segmented between the coders and graphic designers. I propose that the best outcome can come from bridging that gap. I do this in my daily workplace and try to show tips and techniques for others to bridge that gap. The time slot was only a half hour, so I could not go into coding detail, but only point to tutorials via links.
You can view the Graphic Web Design and Cascading Style Sheets PowerPoint (431KB) or view the presentation in HTML. Some support images and all sites discussed can be found on Delicious (theses are notated by “{link}” within the presentation).
A note about the author
I love working in a field that changes every day. I am a web developer/designer with an agency background. I have empathy for the user first, then developers, then machines. I follow web standards, coding conventions, then, I do whatever it takes to make it work. Visit my contact page, even if you would just like to say hello. To stay in touch, follow me on Twitter
Further Reading on Graphic Design
Further Reading on HTML and CSS
- Tips for responsive web design
- Hiding an email address from spambots and spiders
- CSSsprite: Photoshop script combines two images for CSS hover
Further Reading on Illustrator
- Package links for output: Illustrator collection script
- Six plus hours uninstalling and re-installing Adobe Creative Suite 3 (OS-X)
- Illustrator: Align objects without moving one of the objects
Further Reading on Photoshop
- CSSsprite: Photoshop script combines two images for CSS hover
- Six plus hours uninstalling and re-installing Adobe Creative Suite 3 (OS-X)
- Saving large Photoshop documents (PSD)
Further Reading on Productivity & Workflow
- Tips for responsive web design
- Pruning blog posts from syndication feeds
- Project organization: A reasonable file framework
Further Reading on Search Engine Optimization
- Gallery2 titles and keywords search engine optimization script
- Recommended WordPress plugins
- Ignore reply tweets and SEO URLs with Twitter Tools WordPress Plug-in