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 UStreamTV.
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).
Further Reading on Graphic Design
Further Reading on HTML and CSS
- Features and characteristics of a great 404 error page
- Change media and images to full size in WordPress media gallery
- Plain text link to HTML with a PHP function and regular expressions
Further Reading on Illustrator
- Six plus hours uninstalling and re-installing Adobe Creative Suite 3 (OS-X)
- Illustrator: Align objects without moving one of the objects
- Illustrator CS2: Color shift to gray in gradient
Further Reading on Photoshop
- Six plus hours uninstalling and re-installing Adobe Creative Suite 3 (OS-X)
- Saving large Photoshop documents (PSD)
Further Reading on Productivity
- Create reading list in WordPress from Amazon Wish List using Yahoo! Pipes
- Recommended WordPress plugins
- Features and characteristics of a great 404 error page
Further Reading on Search Engine Optimization
- Recommended WordPress plugins
- Ignore reply tweets and SEO URLs with Twitter Tools WordPress Plug-in
- Upgrading a blog to Wordpress 2.3 and changing your Ultimate Tag Warrior tags