My site’s moved CMS and servers. If you spot a problem, let me know.

Stuff & Nonsense product and website design

0/6

Can you catch ’em all?

There’s a different outlaw to capture on every page.

Development

I made sho!io. Share what you’re working on without the social noise

I’ve been quietly working on a side project called sho!io, and I’m opening it up to a few people. It’s meant to be a quiet place where you can share one thing you’re making each day, without the usual social noise. It’s early and very much still in progress, but I’d really value your honest feedback if you’re up for trying it.

Disallowing Disallow: How to properly hide pages from Google bots

My earliest blog posts date back to 2004. There’s very little in them which is relevant today, and they’re full of dead links, which, I’m told, is bad for my site’s SEO. So recently, I’ve done two things to hide these posts from search engines.

Dawn Of The Planet Of The Large, Modern Browsers

The Official Movie site for Dawn Of The Planet Of The Apes has launched and, chattering chimpanzees, is it a piece of work! As if I weren’t excited enough about the film. It’s not released until July 2014 but the site gives fans a taste of what’s happened since the end of Rise.

Falling foul of iOS’s 3 megapixel resource limit

One of the most important elements in our recent redesign is our new portfolio. We ran out of time during the redesign week and couldn’t include all of the portfolio pieces we’d planned. This week we’re adding more and while we were doing that I discovered something I hadn’t known before about large images and iOS.

Rock Hammer, a curated, responsive project library

If you listen to Unfinished Business, you’ll know that I’m a big, big fan of Hammer For Mac, the app its developers say lets you create HTML builds & templates quicker, more efficiently & more conveniently. Hammer works for us because these days we mostly deliver static HTML and CSS templates, instead of static visuals, and we rarely develop complete sites.

Quotes & accents (& Dashes) and TextExpander

Jessica Hische made Quotes & accents (& Dashes). Remembering keystrokes for these characters is hard, but for me remembering character entities is downright impossible. So I made TextExpander do the remembering for me. Here’s how I did it:

Patting myself on the back

After I boasted how nice my site looks in IE10 on a Microsoft Surface tablet (it really does), Grant Hutchinson thought he’d put it through its paces on an Apple Newton MessagePad 2100. Turns out it’s not too shabby.

Seven

You might think — because all the talk at the moment is about seven inch tablets, in particular the iPad mini vs Google’s Nexus 7 vs Amazon’s Kindle Fire HD — that a seven inch tablet was a seven inch tablet was a… Right? Wrong.

Ready for Web Directions North

Packed: Passport, toothbrush, Mac, pants, socks, toasted sandwich maker iPod. I think I’m ready: Web Directions North here I come. I’m heading out on Sunday.

If only I knew then what I know now

Coming back to a site made a while ago, it can be common to scratch your head and wonder how (and why) you made certain decisions. Coming back to a site that you made six years ago can be enough to make you break down and sob like a little girl.

And All That (Transcending CSS) Malarkey

This morning I returned from a (literally) flying visit to New York where I had the very real pleasure of visiting my friends at AOL and speaking at their Design and Programming Offsite event.

Of conferences and workshops

With Web Directions South and Fundamentos Web now both done and dusted, I have only one public event left before the end of this year. You might think that attending conferences regularly would mean that I have heard what is on offer from speakers.

My new biography: Tell me yours

As I’ve just been invited to speak at a web conference in Canada next year, I thought that it was about time that I updated my biography. Looking back at what I have written before, it all seemed a little bland; designer this, accessibility that.

Way too many cooks (Dvorak special)

I invited thirty celebrity CSS chefs to collaborate in baking a single stylesheet. Now the bell has rung, the oven mitts are at the ready and our Too Many Cooks (Dvorak special) is ready to come out of the oven. But first, an open letter to Mr. Dvorak.

Too many cooks (Dvorak special)

After his altogether brilliant article Why CSS Bugs Me, I’m officially designating this week to be John C. Dvorak week. To help Mr.

W3C Webinar: Mobile Web Design

Bert Bos man Bos has informed me that those boffins (Ed says Oxford English Dictionary: Brit, colloq, a person engaged in scientific research ) at the W3C are offering places at a W3C Webinar on Mobile Web Design.

.net magazine September 1998

Hicks’ (justifiable) excitement about his logo design article appearing in.net magazine (#152 August) has brought back memories for Malarkey.

hCup Microformat

Driving around Engerlaaand, it’s hard to miss the flags of Saint George flying from buildings and cars. Every second person is sporting a replica shirt and petrol stations are doing a roaring trade in everything from Ferdinand fragrance air-fresheners to…

Code Snippets two-point-oh!

I’m not a user of many web 2.0 applications, although the few that I have bonded with, including Basecamp, Blinksale, Flickr and Ma.gnolia, I use pretty extensively.

Web Accessibility In UK Small Businesses

A dissertation evaluating the awareness of web accessibility amongst UK small businesses. Student Andy Higgs has written an excellent dissertation on ‘ Web Accessibility In UK Small Businesses ’.

Fun or naughtiness with the Apple Remote

Being the proud owner of a new PowerMac Book ProMac Book BookPro Mac MacBook Pro with its dinky Apple Remote, I wondered what fun or naughtiness could be had with this (where the hell does the battery go) IR doofer.

Re: Help, my head is about to explode

Today I opened my email to find a passionate plea for help from a web designer looking to find good books or articles on web design.

Clearing floats without structural markup in IE7

Recent conversations over at 456 Berea Street on the subject of whether a new solution for clearing floats without structural markup is needed, required an answer. So at MIX06 I sat down with s e ven’s developers to find a recommended answer to the question.

MIX06: Viva Las Vegas

With blue suede shoes on his feet and Viva Las Vegas ringing in his ears, Malarkey can’t help falling in love with Vegas as he reports from Microsoft’s MIX06 conference.

Designing for: The Web Standards Project

SXSWi, The Web Standards Project is changing, entering a new time in its history, opening the hive up to better include the communities and issues we’ve done our black and gold best to represent since 1998.

The IE7 MIX 06 release

I am so pleased today to announce that a new beta build of IE7 (I call it the MIX 06 release) will be available from MIX 06, March 20th to 22nd. The new browser will be handed out at MIX and will then hopefully be available from MSDN.

And All That (IE7) Malarkey

So, according to those slipping the new IE7 Beta Preview out of it’s sleeve and slapping it down on the music-center, Internet Explorer 7 breaks my site. I can’t say that this was much of a surprise.

IOTBS: Version 2.1

My good friend (and evil genius) Brothercake has today released an update to Invasion of the Body Switchers. Updating the classic ALA Style Switcher to accommodate multiple users and devices, including some that are not even traditional browsers, all from a…

CSS3 Multi-Column Thriller

Mickey Spillane, Frank Miller, Hakon Wium Lie: Three of my favourite thriller writers. No really, because alongside Spillane’s’My Gun Is Quick’ and Miller’s’The Hard Goodbye’, another thriller hit the book stores web just in time for Christmas; Lie’s CSS3…

Heroes of the quiet revolution

At the beginning of last month I advocated a quiet revolution and wrote, Fighting a solitary campaign for standards within any organisation must lead inevitably to frustration if the responses are either negative or apathetic.

Changingman layout

Many thanks for all the kind birthday wishes over the weekend, it’s not everyday that you reach […];). By way of a thank-you to all the kind people that I have met and others who occassionally stumble drunk across my site, here is a layout experiment which I…

Accessibility, the gloves come off

Ian Lloyd has today published an email interview over at Accessify, Accessibility, the gloves come off. There are now so many web sites, blogs or publications devoted to helping people learn standards and accessible techniques that there are now no excuses…

Of mice and men

Over recent days I have recieved a number of emails from people asking for my reaction to Disney Store UK’s decision to move from valid and semantic XHTML and AA-AAA WAI compliance to an invalid HTML site which fails to meet Priority 1 accessibility…

Presentation slides

With Molly and I in session for Carson Workshops in only a few weeks and our presentation materials near completion, I have become interested in what audiences need or expect from presentation slides.

Tim Burton’s Corpse Bride online

As standards enthusiasts, I think that we are often guilty of a little navel gazing when it comes to web design. In many open discussions on WSA or Style Gala, the conversation can often turn to the importance of semantics and validation and sometimes (not…

Treasure (Measure) Map

I’ve been aching to write about Measure Map, the first product from those cool hombres over at Adaptive Path. Now that Jeff Veen has written about Measure Map today, I can hopefully prevent my sides from splitting with gleeful excitement by writing about this…

CSS Specificity Wars

NB: First published in 2005. Read the up-to-date version and see the latest demo. Join me, and together we can rule the galaxy as father and geeks!

Designing for: The Woodland Trust

(This one sneaked out while I was teaching in Cupertino) As a studio we work on a number of e-commerce projects each year.

A sweet iPod Nano givaway

I love my Nano, I want to keep it close, keep it safe. My Nano is so precious, I can’t bear to think of it getting scratched.

A List (taken) Apart

A major brand name redesigning and implementing their web site with web standards can still be big news. When that brand belongs to one of the most influential sites of modern web design, the news is bigger.

Professional CSS: Chapter 8

My copy of Professional CSS arrived on my desk this morning and I was very proud to read chapter eight in which Ethan discusses stylesheet switching and Invasion of the Body Switchers.

over @nd out

Well, it’s a wrap. @media2005 has drawn to a close tonight and a four hour train journey back to Wales has given me not only the chance for a bit of a snooze, watch Mona Lisa on my iBook but gather my thoughts about the last couple of days of what I hope…

Look out Johnny Foreigner

Dateline London. Later this month, Waterloo in South London will be the place to be as the great and the good gather and @media 2005 rolls into town.

Too many cooks?

Working with other designers or developers on any project can often be tricky. But imagine what it would be like if there were 29 other people working on the same CSS file!

And all that (CSS) Malarkey

Applying id and (multiple) class attributes to the element is a fantastic way to turn the same XHTML configuration into multiple design layouts without the need for adding different attributes to div elements.

And all that (Design) Malarkey

It’s here. I’ve been meaning to redesign this site for a little while now and since I have emerged from my black, depressive state, the urge was getting too strong to ignore. I just had to do it.

And all that (MT) Malarkey

Whereas many have already publicly switched from MovableType to other brands of blogging software, some for technical and others for economic reasons, I am sticking to MT.

IOTBS: Look Who’s Switching Too

Evil genius Brothercake has been busy in his secret laboratory and the result is a chicken with eight legs massive update to IOTBS - a full new version 2 release entitled’IOTBS: Look Who’s Switching Too’.

A present for Mr. Google

Spending five minutes exploring Google Labs today, I came across Mr. Google’s Site-Flavored Google Search, not by any means a new Lab experiment (6/17/04) but one which was tantalisingly labelled Improved!. To quote Mr.

April Edition

This is neither a permanent redesign, nor to be a regular event, I just fancied a bit of fun as it’s the day for it. Go on, hit’refresh’, I dare yer! (No markup was injured during the making of this site.)

What’s in YOUR name?

Drive through most towns in the UK (and probably elsewhere in the world) and you’ll see a hairdresser in the main street.

MIR image replacement

Image replacement is a topic which keeps reappearing on websites and in books. There are whole sections devoted to the pros and cons of each method in books such as Web Standards Solutions and The Zen of CSS Design.

Web Standards Trifle

Almost once a week during meetings with clients or prospective clients, I need to explain the concept of web standards. Sometimes it’s during a pitch, and always to a non-technical person who knows little or nothing about anything remotely ‘webby.’ I have…

Decorate my studio

Some of you may recall that way back in June last year, Stuff and Nonsense grew up, moved away from home and got a place of its own. I wasn’t so sure about the move at the time, but (happily) I was proved wrong and it’s been a good move.

CSS: Hold the front page

I’ve been experimenting with a’magazine contents’ or news style page for a current project and thought I’d give it a whirl here.

An apology to salesmen

An open apology to all sales-people adversely affected by recent columns. Please accept my heart-felt apologies for potentially causing you so many wasted sales calls.

New Labour poster campaign

Oh my kiddy aunt, it’s started already. Driving through Warrington yesterday, I caught my first glimpse of the UK Labour Party’s first campaign posters for the up-and-coming (to a church hall near you) General Election.

Rachel Andrew’s CSS Anthology

As a company, we give each member of the team a ’25.00 per month allowance to spend at Amazon on anything they think will benefit the company. We don’t vet what people buy, it’s a way of encouraging them to expand their knowledge (and our range of skills).

IOTBS: The Director’s Cut

IOTBS: The Director’s Cut has been improved in the latest release resulting in a far more sophisticated tool, with better accessibility, and a greater range of possible uses. For links to the latest files, see the IOTBS resources page.

Kissing the girl from accounts

Well, it’s time for me to head off to the Stuff and Nonsense office Christmas party. It’s the same every year… I have too many drinks, then chat up the gorgeous girl from accounts, before heading off to her place for…;) Thing is, I never regret it in the…

Black and white: Day five

We are in the final stages of completing our project for Young Flintshire, an initiative for young people in the county. And the process of design has taken many things from the stuff that I have talked about this week.

What can we talk about now?

it made me sit back and wonder if’we’ in the web-standards’community’ have anything left to say about standards. It’s been a short, but busy few years since deploying standards for day-to-day, commercial web ventures became practical.

3d CSS Zen Garden

I’ve been thinking about making a CSS Zen Garden entry for a little while now, but before I think about design, I wanted to understand the Garden’s XHTML structure.

Anatomy of a mouse

Day four: I couldn’t say thank-you enough to all the people who left kind comments about the 2004 Disney Store UK project, here, at CSS Beauty, CSS Vault, and Style Gala.

Time for a paint-job

It’s been a very busy few months in Malarkey world. (I’ve got a big announcement to make tomorrow.) Anyway, as our American cousins have been splashing blood around their sites in the run up to Halloween, I thought that I would splash a little colour around…

Style-sheet ordering

When awarding the latest version of the Mozilla site a WSA Silver Star, Johan pointed to the mozilla.org Markup Reference.

WWF UK online store

In 2004—after eight weeks, 1,600 cups of coffee, 1,920 cigarettes, 16 pork sausages and one instant BBQ—I was pleased to announce the launch of a new online store for WWF UK.

Trimming form fields

Web forms often ask users for both essential and non-essential (marketing purposes and research) information. Long and complicated forms can often slow down the progress through a web site and in the case of e-commerce, can seriously hinder the sales process.

Link monkey business

Simon Collison opened a can of worms recently when his (rather fantastic) personal site launched with the now famous’ticks’ for visited navigation links.

Ten time travelling bloggers

Time travel. It’s a subject that often keeps me awake at night, pondering… So I thought I’d interview a bunch of bloggers to help me out. Thanks to Brit Packers Andy Budd, Simon Collison, Jon Hicks, Gordon Mackay, Tim Parkin and Richard Rutter.

What’s in a name (pt2)

Eric Meyer’s recent comments about my original What’s in a name column have prompted me draw some conclusions from the comments and suggestions made on And All That Malarkey and elsewhere. First I want to lay a few ghosts to rest.

Fireworks and XML (pt1)

In the first of an occassional column on one of my favourite graphics applications (the largely under-rated) Macromedia Fireworks, I thought I’d write about how I often use a combination of Fireworks MX and XML to create a site-full of graphical text headers…

Dear Mr. Google

I love you. I have loved you as far back as I can remember. I think I have always loved you. I visit you many times every day and sometimes when I am sleeping, I dream that you come to visit me too.

E-commerce definition lists

A number of designers and developers have asked me for recommendations on how to layout product range pages using semantic mark-up and CSS. So I decided to write a mini tutorial for our training manual and try it out here first.

Living without TextPad

I have been pondering whether or not to replace my personal design machine with a shiny new Apple PowerBook. A new Mac will certainly give me the power and flexibility that I need and looks sooooo sexy too!

What’s in a name

Andy Budd wrote about Semantic Coding and said, This got me thinking about the benefits of naming conventions and I began to realise that these conventions matter, not just for the sake of web designers (and easier site redesigns), but for users too!

My wireless home

Over the weekend, I installed iTunes on all the computers in the design studio and centralised our entire CD collection on the server.

An objective look at IE CSS

Standards-based designers often appear to loath Microsoft’s behemoth browser, sometimes for good reasons. Internet Explorer’s patchy support for W3C CSS (particularly attribute selectors), its non support for the abbr tag or PNG transparency on the Windows…

Ambition No.337

Way back when the web was young and active volcanos spewed molten rock into the sea just north of Morecambe, I dodged falling boulders and lava flows and headed into my local bookcave.

Naked

Along with so many others, And All That Malarkey has gone naked today, swept away on a tide of mass hypnosis. How did this happen to me?

World Cup Microformat (hCup)

Read the original hCup column. Group stage Group A Germany Poland Costa Rica Equador Group B England Sweden Paraguay Trinidad & Tobago Group C Argentina Holland Serbia & Montenegro Ivory Coast Group D Mexico Portugal Iran Angola Group E Italy Czech Republic…

WWW 2006 presentation

I was very pleased to have been invited by Bert Bos to briefly speak alongside him and AOL’s Kevin Lawver at WWW2006 in Edinburgh.

Categories


Andy Clarke. Web design pioneer

Andy Clarke

I’m Andy Clarke, a product and website designer. My work blends art direction, branding, and editorial to help people improve their products and websites. I’ve written books about website design, given talks, and delivered design workshops worldwide.