Webdesigninformer.com

Snook Go to the source

A really quick screencast today. I twittered about how frustrating it was to have to take 5 clicks to subscribe to a feed into Google Reader within Firefox. I finally decided to take a few moments to fix the issue and get it down to one click (well, technically two, but who’s counting). Of course, this is by no means the only way to do it. Plenty of people on Twitter recommended plugins and bookmarks that could simplify the process. If you got ‘em, link ‘em up in the comments. … Read the rest here

Snook Go to the source

In case you hadn’t noticed the lovely titles on this page, they’re League Gothic . Well, they should be if you happen to be using the latest version of Firefox, Safari, or Internet Explorer. However, it took much trial and error to figure out exactly how to get there. There are a number of pieces to the puzzle but in the end, I got something to work. The assumption here is that you are on a Mac (as I am) but I believe these tools work the same on PC… Read the rest here

Mezzoblue Go to the source

I’ve been using Cufón off and on since writing about font embedding back in May. It’s a great hack, but browser progress since that time has been making me feel that the native CSS @font-face rule is becoming increasingly viable. Or, at least enough so that it seems like it’s time to start dabbling. Yes, I know of TypeKit . It’s a great idea and there are some solid reasons to consider using it. But I’m still interested in using the native technology from time to time, which is where we begin… Read the rest here

Snook Go to the source

I need to document all the stuff that went into this design but for now, I’m happy just to have it launched. Why did I redesign so quickly after the last one? Because I wanted to! Inspiration struck and I ran with it. In the end, I’m much happier with this iteration over the last one and I’ll be happy to keep this around for awhile. … Read the rest here

Adactio Go to the source

Beer o’clock in Brighton begins shortly after work ends on a Friday evening. That’s when the geeks of Brighton unshackle themselves from their keyboards and monitors to congregate in a pub. If the weather is good, it’ll be a sunny pub . Last friday the Clearlefties descended on The Eagle where we were joined by Ribotians and others. Glenn showed up and we proceeded to geek out on our usual favourite topics; microformats and data portability. He had spent the day hacking on a Firefox plug-in. … Read the rest here

Hicksdesign Go to the source

A couple of weeks ago, I recorded an interview with Kevin Yank for the Sitepoint Podcast , part of a new series of interview casts. We had a lovely chat about various topics, such as print designers moving to the web, working for Opera and the new Firefox icon. I always tend to get a bit waffly, giggly and veer of course with interviews, but it sounds like Kevin has done a grand job of editing it into a listenable mp3! Listen to the interview over at Sitepoint.com , which also has a full transcript. … Read the rest here

Snook Go to the source

Once again, after reading somebody else’s article , I felt inspired to put together an alternative example. In this case: Text Rotation. Within the article I linked to, the example uses an image sprite and a sprinkle of CSS to get things positioned right. Well, maybe not so much a sprinkle. It’s like the top fell off the pepper shaker and you’ve suddenly got a large pile of pepper on your food. It makes me want to sneeze… Read the rest here

Snook Go to the source

Once again, after reading somebody else’s article , I felt inspired to put together an alternative example. In this case: Text Rotation. Within the article I linked to, the example uses an image sprite and a sprinkle of CSS to get things positioned right. Well, maybe not so much a sprinkle. … Read the rest here

Clagnut Go to the source

Currently when you place an image (or any ‘replaced content’) inside a block with rounded corners set by -webkit-border-radius , the image pokes through the rounded corners on Safari (version 4.01 at the time of writing). Image breaking through rounded corners in Safari 4.01 The expected and desired behaviour is that the image be cropped by the rounded corners. This can be achieved by applying overflow:hidden to the container, as per my little test case . Image cropped at the rounded corners in Safari 4.01 As you can see it’s still not perfect as the image overlaps the border. However work is at hand to rectify the situation, which was seemingly caused by a vagueness in the CSS 3 Backgrounds and Borders module. On the CSS WG public mailing list it was resolved that “overflow:visible does not allow replaced content to overflow”… Read the rest here

SimpleBits Go to the source

I wrote another book. It’s called Handcrafted CSS: More Bulletproof Web Design , and it’ll be published by New Riders next month. I had help this time. The unstoppable Ethan Marcotte contributed an absolute gem of a chapter on the fluid grid. And I think it’s worth the cover price for the pages he authored alone… Read the rest here

Cameron Moll Go to the source

A few weeks ago I received the following remarks from Jeff Lin, an Authentic Jobs customer and founder of Bust Out Solutions : Just wanted to let you know that I posted a job probably two years ago for a designer, got several responses, and ultimately found one guy who I tried to hire. It didn’t work out at the time, but we kept in touch, and I finally hired him a few months ago. It’s worked out great, and we recently launched Best Buy Idea X . I’m happy with the design, and in part thanks to Authentic Jobs for helping me find great talent! Employers continue to find talented web and creative professionals through Authentic Jobs , which has been filling full-time and freelance positions throughout the globe since 2005. … Read the rest here

Cameron Moll Go to the source

Recently I made the switch back to HTML 4 for DOCTYPE s and px for font-size (sound like 1999 again?), and I’ve tweeted about it occasionally. I’m documenting the switch more thoroughly here. HTML 4.01 Strict I’ve chosen to go with HTML 4.01 Strict as the DOCTYPE in my projects moving forward, favoring it above XHTML 1.0 Strict and HTML 5. I’ll briefly explain my reasoning. XHTML 1.0 Strict – This is what many of us in the industry, including myself, have been using for the past few years… Read the rest here

Snook Go to the source

I built this desktop application a while back called Snitter . It’s a desktop Twitter client that runs on Adobe AIR. Alas, it fell by the wayside during my freelance tenure. Recently, I’ve had the inclination to start working on it again and bringing forth to reality ideas that I’ve had for over a year now. One of the things that always bothered me was the rather rushed icon. … Read the rest here

Snook Go to the source

Almost a month ago, I wrote about supporting older browsers — how and whether we should even support them. We draw a line in the sand that says, "You popular browsers, stand over here. Everybody else, just be happy you got content." More specifically, a base style sheet would declare some default font styles but no float or other layout tricks. Just linear content. … Read the rest here

Clagnut Go to the source

The font-stretch property was introduced in CSS 2.0 over ten years ago, but was culled in the transition to CSS 2.1. It now languishes in the CSS 3 Fonts module. The property instructed browsers to select a ‘normal, condensed, or extended face from a font family’. Its removal from CSS 2.1 was due to a complete lack of implementation by browsers. Unfortunately this leaves us with a gaping hole regarding font support. Many professional typefaces are designed with extended and condensed styles. … Read the rest here

Snook Go to the source

I’ve been thinking about this for a long time and while I thought I had a solid opinion on the matter, I find myself waffling on the issue. Who cares about older browsers? If you haven’t done so, I highly recommend cracking out a copy of Firefox 1. Start bouncing around to a few sites and check out what’s broken. Sure, most stuff is fine but you’d probably be surprised at what’s broken… Read the rest here

Eric Meyer Go to the source

At last—at long, long last!— the results of the A List Apart Survey 2008 are available , along with the anonymized raw data we collected. There are a great many reasons why it took so long to get this out the door. A big part is that it’s almost entirely a volunteer effort, which means it happens in our “free time” (and there the word “free” has a couple of meanings). I say it’s almost entirely a volunteer effort because the detailed analysis is actually done by a pair of professional statisticians, who are paid for their time and expertise. They did a great job once more, and did it in a reasonable time frame. … Read the rest here

Cameron Moll Go to the source

Thanks to a tweet from Jason Santa Maria a few weeks ago (and his help since), I was pointed to Cufón , which “aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.” I’ll refer to these tests again in a minute, but feel free to jump ahead to these Cufón test pages that I’ve put together. sIFR , as many of you are aware, is a means of replacing “short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems” using a combination of Flash and JavaScript. Shaun Inman , Mark Wubben , Mike Davidson , and several others put in many long hours developing and refining IFR and sIFR, and we all owe them our gratitude for moving forward in a big way the state of typography on the web. These efforts continue today, as evidenced by this Web Typography mini-site from a SXSW 2009 panel. For many of us, however, the Flash part of these technologies makes it difficult to set up and use… Read the rest here

Cameron Moll Go to the source

Thanks to a tweet from Jason Santa Maria a few weeks ago (and his help since), I was pointed to Cufón , which “aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.” I’ll refer to these tests again in a minute, but feel free to jump ahead to these Cufón test pages that I’ve put together. sIFR , as many of you are aware, is a means of replacing “short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems” using a combination of Flash and JavaScript. Shaun Inman , Mark Wubben , Mike Davidson , and several others put in many long hours developing and refining IFR and sIFR, and we all owe them our gratitude for moving forward in a big way the state of typography on the web. These efforts continue today, as evidenced by this Web Typography mini-site from a SXSW 2009 panel. For many of us, however, the Flash part of these technologies makes it difficult to set up and use. (I personally have not opened Flash on my computer in literally 4 years, and I hope to keep that run alive.) Cufón, on the other hand, can be set up and run on your site in about 5 minutes. … Read the rest here

Clagnut Go to the source

A few weeks ago, Jeremy and I were invited to a mini-conference in Austria. At the conference were owners of some leading businesses whose primary operations were online. I found myself trying to explain to one of these bosses why his developers should be using microformats on his website. The boss in question was more business-inclined than technically-savvy so there was little point in me talking about ids and classes, or even HTML . I needed to explain what practical benefits microformats would bring to his customers and his business. This is the blog post I wish I could have pointed him towards… Read the rest here