Like many web designers, Photoshop is my tool of preference when it comes to doing website mockups. As such, I spend a decent chunk of my time working with the program, and have picked up a number of techniques that speed up my workflow. I’m not talking about creating shiny image reflections, or beveled starbursts, but rather simple tricks that shave a few minutes off your working day so you can go home earlier.
Big news from the Apple camp – Safari is now available for Windows! For Windows-based web designers this is exciting news, meaning it is now possible to test websites in Safari without needing a Mac at hand. The final version of Safari 3 will be released later this year, but you can get your hands on the beta version right now.
A couple of months back I wrote a post about the importance of making links look like links. From the comments left by readers it was clear that peoples opinions differ widely on the best way to style links, so I thought I’d follow up with a brief survey of the various ways it is possible to make links stand out on a page.
One of my clients is currently optimizing their website for search engines. As part of the process I met with a rep from an SEO firm, who suggested ways the website design could be tweaked to be as friendly as possible to search engines. Most of the ground he covered was not new to me, but one tip was an eye opener: he advised me to entirely remove the meta keywords tags from the website.
An article on the importance of making hyperlinks stand out might seem like an exercise in stating the obvious. I would have thought so too, until I came across the portfolio site of a reputable web design firm last week and found myself playing a game of link hide-and-seek.
Recently I designed a site that had two navigation menus: a global navigation bar and a breadcrumb trail. It was the first time I had ever used breadcrumbs as the only form of secondary navigation, and it got me thinking about this humble form of website navigation.
It’s a while since I gave any thought to spacer gifs, but I was looking at the Exxon website tonight (as you do on a Tuesday evening) and saw something that made me chuckle. I was viewing the site in Firefox (of course), and noticed that on many pages the text “spacer.gif” appeared prominently within the layout.
Well it looks as if Microsoft has screwed up royally with Outlook 2007, at least insofar as the way HTML emails are rendered. Instead of using the not-too-shabby Internet Explorer 7 rendering engine to display HTML emails, Microsoft opted to use a customized version of the Word 2007 rendering engine. That’s right, from now on your beautifully constructed HTML newsletters are going to be rendered by the crime against layout known as Microsoft Word. That fact alone was enough to send shivers down my spine, but when I dug a little deeper I discovered just how dire the situation really is.
So I’m back from my Christmas break, two weeks spent on a whirlwind “tour” of New Zealand catching up with family. It was a blast as always, but god damn it was cold for this time of year! I’m back in sunny Melbourne again and slowly easing back into work mode, and I’ll kick my blogging year off nice and easy with a review of Firebug which I ran out of time to finish before my holiday.
A recent article by Kevin Yank in the Sitepoint Tech Times newsletter drew my attention to TweakPNG, a handy tool that can correct the age old problem of PNG color shift in Internet Explorer.