For A Beautiful Web http://forabeautifulweb.com/ And All That Malarkey, blog entries since 2004 by Andy Clarke on subjects including markup and CSS, design and development. en Copyright 2010 2010-02-06T21:09:27+00:00 Revised Font Stack http://forabeautifulweb.com/blog/about/revised_font_stack/ http://forabeautifulweb.com/blog/about/revised_font_stack/ Font-stacks created after considering the font-share percentage on both Mac and Windows platforms and then checked in browser for x-height and other issues (like: readability).

Published in External links.

]]> External links 2010-02-06T21:09:27+00:00 Andy Clarke Life Below 600px http://forabeautifulweb.com/blog/about/life_below_600px/ http://forabeautifulweb.com/blog/about/life_below_600px/ Some people would have you believe that you aren’t reading this because it’s not ‘above the fold’.

— Sending this to my client from hell.

Published in External links.

]]> External links 2010-02-02T13:50:33+00:00 Andy Clarke ★ The CSS3 Online Conference http://forabeautifulweb.com/blog/about/the_css3_online_conference/ http://forabeautifulweb.com/blog/about/the_css3_online_conference/ In other conference news, this time of the online kind, I will be broadcasting from my orbiting space-station for The CSS3 Online Conference,  organised by Carsonified on March 22nd.

As this is an online event, there will no travel costs, no time out of your office and you can watch the event live (then as many times as you like) through your browser. Better still, ticket costs are only $150.00.

The schedule runs like this, with some amazing presentations from some amazing presenters.

CSS3 Transforms, Transitions and Animations with Ethan Marcotte

Learn how to translate, scale and rotate DOM elements, transition smoothly between CSS properties and animate elements utilising key frames.

Typography in CSS3: @font-face, font embedding, licensing fonts and columns with Squared Eye’s Matthew Smith and Sean Gaffney

Utilising the @font-face construct for font embedding along with practical solutions where licensed fonts are concerned. Also covering the splitting of a single element's content into multiple columns.

CSS3 Best Practice and Graceful Degradation with Andy Clarke (that’s me. Hello!)

How best to implement CSS3 right now, the considerations relating to browser support and the use of vendor-specific properties.

Visual effects with CSS3: RGBa, box-shadow, box-sizing, border-radius, border-image and multiple background images with Jina Bolton

Understand how to effectively use CSS3 properties to create compelling site designs faster and more efficiently than before.

The conference times run from 9am–1pm (San Francisco), 5pm–9pm (London) and 4am–8am(+1) (Sydney).

Tickets cost only $150.00 and you can buy yours here.

Published in News.

]]> News 2010-02-02T12:06:13+00:00 Andy Clarke ★ Web Directions @media is back in London in June http://forabeautifulweb.com/blog/about/web_directions_media_is_back_in_london_in_june/ http://forabeautifulweb.com/blog/about/web_directions_media_is_back_in_london_in_june/ The conference that got it all started for me as a speaker comes back to London on June 10th and 11th for a sixth year, this time with a new face — Web Directions @media.

If you're not familiar with Australia-based Web Directions, they have organised some of the best conferences in the web world in Sydney, Vancouver and Tokyo and I’ve had the great pleasure of working with them in all three venues. That the Web Directions organisers are taking over, keeping many @media traditions but bringing their own flair to the event can only be great news for the UK web industry.

This year’s conference will run on two tracks, unsurprisingly ‘design’ and ‘development’. Design speakers include Mark Boulton on “Designing grid systems”, Rachel Andrew on “Core CSS3” and (mad-as-a-badger) Relly Annett-Baker on “All the small things”. I will be speaking again too, presenting “Hardboiled web design”,

Hardboiled web design

Hardboiled Web Design is an uncompromising look at how to make the most from modern design tools and browsers, up-to-date techniques and processes. In this practical, design focussed talk, Andy will discuss the ‘how’ as well as the ‘why’ and will challenge your preconceptions to help you make better work for the web.

Andy will demonstrate the most modern, forward-moving and sometimes experimental CSS techniques while emphasising why a forward looking approach to CSS will pay real dividends.

Tickets for Web Directions @media are on sale now, priced from £449 + VAT.

For A Beautiful Web at Web Directions @media

Having hosted sell-out For A Beautiful Web workshops in Australia and Japan, this year’s Web Directions @media will include my “Advanced CSS Styling” full-day CSS workshop on Tuesday 8th June.

Modern web browsers are now better capable of rendering advanced CSS than ever before. From highly targeted CSS selectors to new ways to work with layout, colour and typography, if you are a web designer or developer, working with CSS has never been more exciting.

“Advanced CSS Styling” is a unique one-day master class. Spend the day learning how to use the most up-to-date CSS techniques in your everyday work.

The workshop will also give you a preview of all the work I have making for my next “Hardboiled web design” book.

Tickets for the workshop are on sale now, priced from £299+VAT for conference attendees and £325+VAT without a conference pass.

Published in News.

]]> News 2010-02-02T11:00:38+00:00 Andy Clarke CSS3 AT-AT Walker http://forabeautifulweb.com/blog/about/css3_at-at_walker/ http://forabeautifulweb.com/blog/about/css3_at-at_walker/ This is why CSS was invented. Read the tutorial.

Published in External links.

]]> External links 2010-02-02T09:57:19+00:00 Andy Clarke Hello, summary and figcaption elements http://forabeautifulweb.com/blog/about/hello_summary_and_figcaption_elements/ http://forabeautifulweb.com/blog/about/hello_summary_and_figcaption_elements/ This weekend saw the minting of not one but two new elements. The summary element (not the summary attribute on the table element) goes inside the details element:

Published in External links.

]]> External links 2010-02-01T11:10:01+00:00 Andy Clarke Steps towards building an accessible site: part 1 http://forabeautifulweb.com/blog/about/steps_towards_building_an_accessible_site_part_1/ http://forabeautifulweb.com/blog/about/steps_towards_building_an_accessible_site_part_1/ There’s so much to think about when building a web site that it is easy to leave things out, or forget about important considerations. One of the most important of these is accessibility, an area of web design that can seem very daunting.

— Part two is equally as fantastic.

Published in External links.

]]> External links 2010-02-01T09:37:14+00:00 Andy Clarke ★ Thank your lucky stars http://forabeautifulweb.com/blog/about/thank_your_lucky_stars/ http://forabeautifulweb.com/blog/about/thank_your_lucky_stars/ Do you occasionally have to explain to a client why the site you made for them using CSS looks different for people who use very old browsing software? You should thank your lucky stars.

It could be a lot worse.

If you made sites using Flash, pretty soon you’d be explaining to a client why the site you made for them doesn’t work at all for people who use the very latest browsing software on the very latest browsing devices.

And you thought progressive enhancement was a tough sell?

Published in Loose talk.

]]> Loose talk 2010-01-31T17:40:24+00:00 Andy Clarke The Proper Way to Add In-Page Navigation http://forabeautifulweb.com/blog/about/the_proper_way_to_add_in-page_navigation/ http://forabeautifulweb.com/blog/about/the_proper_way_to_add_in-page_navigation/ Peachpit have released a short section from my Designing Web Accessibility DVD on YouTube.

Published in External links.

]]> External links 2010-01-29T08:28:50+00:00 Andy Clarke Remy Sharp Talks JQuery http://forabeautifulweb.com/blog/about/remy_sharp_talks_jquery/ http://forabeautifulweb.com/blog/about/remy_sharp_talks_jquery/ Remy Sharp talking to Boagworld.

— Don’t miss out on your place on jQuery for Designers with Remy Sharp workshop in London on May 14th 2010. Tickets on-sale now.

Published in External links.

]]> External links 2010-01-28T12:09:06+00:00 Andy Clarke