Archive for the 'Techniques & Tutorials' Category

The CSS Techniques You Forgot to Bookmark

Wednesday, April 8th, 2009

35+ Very Useful And Powerful CSS Techniques is a handy list because it covers many advanced CSS techniques most webmasters use from time to time. If you didn’t bookmark how to do drop caps, block hovers and print style sheets, bookmarking this page is all you need.

Best. Business Cards. Ever.

Wednesday, March 25th, 2009

Designing business cards can be a headache. The ones that look minimalist and artsy often tell you nothing about the company. Cluttered, TMI (too much information) business cards look like a trifold designed for ants.

36 Cool Business Cards You Should’ve Seen (and the earlier 27 Creative Business Cards You Should’ve Seen) are indeed must-sees if you’re designing business cards. Items like these may cost more at the printer, but they really make cards pop:

  • Die cutting a shape out of the card (cute on a restaurant card with a “bite” shape)
  • Embossing to add a 3-D element
  • Cardstock alternatives, like transparent plastic or metal
  • Handmade or recycled papers
  • Elaborate artwork and photography
  • Fold-out cards that allow plenty of space for information
  • Non-rectangular cards with custom shapes

Massive List of Photoshop Tutorials

Wednesday, February 25th, 2009

I may have mentioned a few of these Photoshop tutorials before, but it’s worth checking out The 100 Most Popular Photoshop Tutorials 2008 at PhotoshopLady.com. There is bound to be a tutorial you’ve missed. The Age Progression tutorial is amazing… and if anyone tries that on a photo of me I’ll break your thumbs!

I Heart PNGs (and Other Web Design Trends)

Wednesday, January 28th, 2009

Smashing Magazine’s Web Design Trends For 2009 has awesome examples of design elements we’re seeing on the web today. Bold typography, clean layouts and custom graphics continue to rule design.

For those that aren’t web designers, one trend you need to be aware of is PNG images (logo.png). Designers love PNGs because they preserve transparency beautifully, meaning we can layer image over image to create amazing effects. Firefox has supported PNGs for a while; IE7 also supports them. If you’re using IE6 PNGs will not appear transparent; they’ll have an ugly blue or white background where the transparent areas should be.

The image below is a PNG file. If your browser supports PNGs, you’ll see text with a slight drop shadow over the white background of this page. If your browser does not support PNGs, you will see a shaded square around the text.

If you are using IE6, STOP IT! Please upgrade immediately! Not only are you missing out on some of the web’s best designs, you’ve missed tons of security breaches that have been fixed in later IE versions. Better yet – just use Firefox!