*Please pardon the un-styled mess why I am rethinking and re-designing my blog!*

The Design O'Blog

Tutorials

Archived Posts from this Category

Quick Tip #33 Make A Thumbnail Web Gallery In Photoshop


In this quick tip I will show you how to generate a thumbnail web gallery in photoshop.

As always – leave a comment and let me know what you think! And don’t forget to subscribe via iTunes.

[6] Comments
Posted in Graphic Design, Screencasts, Tutorials, Web Design

Coding Calendars (again) – Lists and Sprites Oh My!


A few weeks ago I wrote a tutorial explaining how I coded a calendar for a client project at my day job (Brunello Creative). After some comments from readers I realized that wrapping a link around an h3 element wasnt semantic! eeeek! I also realized that I probably had a case of div-itis. So heres a re-take of the calendar that validates! wooo! oh and then there’s the css-sprite thing!

Read More »

[19] Comments
Posted in design, Tutorials, Web 2.OH, Web Design

Tutorials Gone Wild…

It all started out with a harmless tutorial made by another designer. Which then prompted me to tweet this. I know I tend to rant about things on twitter from time to time, but I think I hit a nerve here. Some of the tutorials I have seen lately have been reducing design to a step by step ‘process’ that removes creative thought and problem solving.

Read More »

[34] Comments
Posted in design, design ethics, Graphic Design, illustration, Tutorials

Quick Tip #32 Aligning In Illustrator

In this quick tip I show you some tricks and tips of the align tools in illustrator. As always – leave a comment and let me know what you think! And don’t forget to subscribe via iTunes.

[8] Comments
Posted in design, Graphic Design, Screencasts, Tutorials

Coding Calendars For The Web

*update* I have re-done this tutorial with unordered lists and css sprites. Check it out here.

Calendars are such an everyday object for most people – they are literally everywhere, in print, on our cell phones, computers and on the web. I recently had to design and code a calendar at work and learned a few things along the way. I thought I would show you guys my work process and share some code with you.

Check out the Yoga Get Started Guide on the Men’s Health website »

Read More »

[23] Comments
Posted in design, Tutorials, Web 2.OH, Web Design

Quick Tip #31 Adding Details With A Photo Overlay

In this quick tip I show you how to add details to a boring web banner with a photo overlay. As always – leave a comment and let me know what you think! And don’t forget to subscribe via iTunes.

[11] Comments
Posted in Graphic Design, Screencasts, Tutorials, Web 2.OH, Web Design

« Previous PageNext Page »