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

Stuff & Nonsense product and website design
Shop

Eleventy in a Box

A premium Eleventy starter kit for designers and developers who want to spend less time setting up the same project structure and more time designing distinctive websites.

Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Blogging and all that Malarkey

Search articles, blog posts, and my portfolio.

Latest posts

Three clever people talk about CSS layout

Not since the turn of the century, when we largely shifted from using CSS positioning to floats, has CSS layout been so interesting. Here are three great reads from just today that are all worth your time: Strong Layout Systems by Eric Meyer Jeremy is at An Event Apart in Atlanta, and reports on Eric Meyer’s new talk, Strong Layout Systems in which Eric speaks about flexbox and grids, both new CSS modules that were created specifically to allow us to create layouts. Using Flexbox: Mixing Old and New for the Best Browser Support Chris Coyer Coyier (who deserves a medal for the work he does (and his name spelling correctly, sorry) ) weaves together old and new flexbox syntaxes for better browser support. Anything lower than or equal to Internet Explorer 9 is still tricky though, so you’ll still need to get handy at designing around that problem. CSS3 Layout presentation at In Control Orlando Back at a conference, this time in Orlando, Zoe Mickley Gillenwater also spoke about CSS layout techniques including Grid Layout and Flexible Box Layout. Her slides are available on Slideshare, then check out her post as it’s full of examples and resources. PS: If you can remember either The Noodle Incident or Position Is Everything, it’s past your bedtime.

Life in the old Duke yet

The Duke of Lancaster — a landlocked former cruise ship — is about a twenty minute drive away from our house on the North Wales coast. I must’ve driven past it hundreds of times, but have never parked up and walked the quarter mile from the road down to the old boy. Recently, the Duke has become a (huge) canvas for artists. Although I’m personally not a fan of street art, I’m somehow glad that the ship’s been getting some love, even with a spray can. One of these mornings I must take a walk and say hello to the old Duke.

Nathan Ford: Don’t just choose a grid. Design it!

Notes from Nathan Ford’s talk on grids and Gridset from what looks like an excellent evening at Port80 localhost in Newport, Wales. You should design a grid based on your content’s constraints, not design your content based on a grid’s constraints.

Luke Brooker: Improving Your Responsive Workflow with Style Guides

Exactly one year ago, I linked to slides from a short talk I’d heard in Brisbane, Luke Brooker’s Future Friendly Style Guides. Again today, poking around SpeakerDeck I found slides from a more recent talk by Luke, Improving Your Responsive Workflow with Style Guides. It expands on his earlier thoughts and is well worth your time. (Changing the subject slightly, it occurs to me that if you’re looking to get into speaking, writing a talk and sharing your slides even before you’ve given it is a great way to make conference organisers aware of what you have to say. Even better, give the talk as a screencast in the privacy of your own home and share the audio/video on YouTube or Vimeo. Everyone loves to find new talent, attendees, organisers and speakers.)

Opera moves to Webkit for future products

Bruce Lawson on Opera Developer News: The WebKit project now has the kind of standards support that we could only dream of when our work began. Instead of tying up resources duplicating what's already implemented in WebKit, we can focus on innovation to make a better browser. And their CTO Håkon Wium Lie on the [webkit-dev] mailing list: The first contributions from our side will be in multi-column layout. We have experimented with combining multicol layout with page floats and column spans; in 10 lines of CSS code one can create amazingly beautiful, scaleable and responsive paged presentations. This really is great news. I wish Opera every success with this.

Unfinished Business episode 5: Abomination on legs

In this week’s episode of Unfinished Business, Anna and special guest co-host Rachel Andrew — web developer and Director of edgeofmyseat.com — the company that makes Perch CMS. They answer listener questions about working with clients, customers, insurance, work/life balance and subcontracting. I want to say a huge thank-you to Rachel for stepping in, how much I enjoyed this week’s episode as a listener and to the fabulous Anna who just gets better and better each week.

Unfinished Business episode 4: Total jerk loser

In this week’s episode of Unfinished Business, Anna and I talk about our experiences when we’ve lost out on business and not got a dream job, doing a bad pitch (I have done plenty of those), learning from those mistakes and how not to take it personally when a client moves on.

Dan Mall: A problem of expectations

Dan Mall, following up on Brad Frost: As an industry, we sell websites like paintings. Instead, we should be selling beautiful and easy access to content, agnostic of device, screen size, or context. Reminds me of: Worse still are the expectations that static visuals set in the minds of clients, particularly when designers use these visuals as a method to get sign-off for a design. Is the fact that so many web pages are fixed width and centered a direct result of clients signing off fixed width design visuals? Funny how things come around.

Thoughts on mentoring

After last week’s episode of Unfinished Business, Laura Kalbag wrote two good posts on mentoring.

Showing 661 to 670 of 1263 posts

Newer
Older

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.

Browse topics

Browse tags

Britpack

Favourites