Demonstration file for Universal Internet Explorer 6 stylesheet.

For A Beautiful Web

Have you ever wanted web design & development workshops to be a bit more, well, creative?

The brightest star guest speakers, the industry’s most up-to-date information in a workshop atmosphere that makes learning creative. Say hello to For A Beautiful Web design workshops.

Masterclasses in 2009

We'll be back in Summer 2009 with all new master-class workshops including, Advanced Styling with CSS, Building design on Microformats and Designing Web Accessibility. Until then, enjoy And All That Malarkey.

Blog: (And All That Malarkey)

  • The New Internationalist redesign process

    When I was asked by New Internationalist to design for their online magazine, blogs and shops, the challenge seemed pretty daunting. The New Internationalist site has content that reaches back over thirty years, more page templates than you can shake a riot policeman’s truncheon at and a structure that involves some complex interaction design challenges. I also have limited time, budget and resources available.

  • New Internationalist online branding

    As part of the New Internationalist redesign project, I’m focussing on how the organization presents itself online. To begin that process, I’ve been researching the printed magazine since it started in 1973. (I should stress that I’m not working on the organization’s overall branding, nor the design of the magazine.)

  • Help me to redesign New Internationalist

    A few weeks ago I received an email from New Internationalist magazine asking me if I’d like to work on the redesign of their online magazine, blogs and shop. I was away from my studio when the email arrived so I pecked out a quick reply on my iPhone. I think it went something like New Internationalist? Oh fuck yes!

  • Worth

    Yesterday I took a call (and received an email) from a long-standing client. I designed for them in 2001/2. Over the last year, the staff responsible for updating their site had changed, they had mislaid their passwords and they needed help. So help was what they got.

  • Font Unstack

    Earlier this week, I wrote about the limitations of current CSS to bind font styling to the availability of typefaces. I mused that a clever person might develop a solution using Javascript.

  • Improve your web typography with baseline shift

    The baseline is an invisible line onto which all type characters sit, although of course some characters (including ‘j’, ‘p’, ‘g’ and ‘y’) have descenders that hang below the baseline. Baseline shift involves moving characters up or down in relation to the baseline and using it effectively can make a huge difference to the professional look of your type. Although baseline shift has traditionally been a part of using tools like InDesign or Quark, there are ways to accomplish the same results using today’s CSS

Search blog archives

Elsewhere

  • Introduction to Web Accessibility

    19th May 2009

    This introduction should help you understand how people with disabilities use the web, the frustrations they feel when they cannot access the web, and what you can do to make your sites more accessible.

    Andy Clarke
  • Google on Marking up structured data

    13th May 2009

    At Google, we believe in openness, so we are using two open standards to allow you to annotate structured data on your site: microformats and RDFa. — Good news. Now, if only Google would award valid pages with a higher Page Rank.

    2
    Andy Clarke
  • CSS Speech Bubble Icon

    13th May 2009
    More CSS clevernosity from David DeSandro. I'll definitely be using this technique on the redesign of New Internationalist and keeping a close eye on this guy.
    Andy Clarke
  • Don’t Lose That Creative Thinking

    12th May 2009

    It’s a designer’s job to solve problems.  If you want to use someone else’s solutions to someone else’s problems you probably shouldn’t be a designer. — Keith Robinson is as eloquent as ever.

    2
    Andy Clarke
  • Value Class Pattern

    12th May 2009

    After many long months of focused iterating (repeatedly researching, brainstorming, testing, documenting) led by Ben Ward, the [Microformats] value-class-pattern alpha draft is ready to use and support.

    1
    Andy Clarke
  • jQuery Masonry

    12th May 2009

    Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

    2
    Andy Clarke
  • Ready for use: CSS3 Template Layout

    11th May 2009

    I covered the CSS3 Advanced Layout Module extensively at the end of Transcending CSS. Now it’s called Template Layout and Alexis Deveria has written a jQuery plugin to help you experiment with it now.

    Andy Clarke
  • Opera’s Childish Antics

    11th May 2009

    I’ll tell you the number one reason why I don’t use Opera. It’s because of the company’s public behavior with their legal actions and petulant whining. The rank-and-file employees are talents people creating a worthwhile (albeit, not standout) product. But the big shots on top cost the company their credibility every time they make a cheap, transparently spiteful shot at current market leader. — Bugger. I was going to write about this, but Kyle Weems has used up all of the words I would have used.

    4
    Andy Clarke