In the second part of my three-part essay based on the talk I gave at Smashing Conference, I propose a model for thinking about design systems.
Justin Avery, who curates Responsive Design Weekly, asked me to revisit the four questions I answered as part of an interview series in 2013. Here are my answers.
Reflecting on Hossein Derakhshan’s recent article about how the web has changed since he was incarcerated in an Iranian jail six years ago, Cole Henley draws comparisons with the work of Fernand Braudel:
Despite the seeming irrelevance of a mid-twentieth century scholar’s study on late medieval Europe, I have lately started to see a lot of parallels with Braudel’s views on the study of history; the evolution of the web and this evolution as part of a broader history of publication.
While the rise of blogging in the early 2000s can be seen as enabling true democratisation of publishing, the emergence of social media – within whose walled gardens content is curtailed and controlled – has begun to undermine it. Yet Cole suggests there is another problem with these new communication platforms:
Micro-blogging emphasises short-form over long-form, rapid fire over deliberated. Which brings about the ultimate problem of this ephemeral rhythm of publication: accountability. With everything moving so fast there becomes less and less time to digest and respond. Communication has become of the moment, robbing us of time to collect our thoughts and weigh up our responses.
Taking on board Cole’s advice to
comment deliberately and thoughtfully within spaces we own, it seems only right that I should share a few thoughts about his piece here, not least because a few related ideas came to mind, such as Stewart Brand’s shearing layers as described in his book How Buildings Learn.
It also reminded me of Jack Cheng’s essay which shares the same title, but instead describes the ideas behind the Slow Web Movement. This is a set of ideas that value timeliness over real-time, prioritise reliable rhythms over unpredictable randomness, and encourage moderation over excess. That this asks companies to build websites for effectiveness rather than outright growth, is probably why there are still so few examples. Page views and advertising impressions currently dictate business models on the web, but their days seem numbered. It’s encouraging to know that alternative ideas are, perhaps appropriately, simmering away in the background, waiting for their moment to come.
On a more personal level, I have long tried to curtail this overflow of information. I use few social networks (mainly due to their impropriety) and limit most of my activity to Twitter. I aim to keep the number of people I follow below 75 (Dunbar divided by two), and follow a stream composed mainly of friends and former colleagues. I find it surprising (and somewhat annoying) that given this number, ‘hot drama’ still manages to surface. The more I read about our growing reliance on social media, the more I’m given to thinking, that like most things, it’s best enjoyed in moderation.
…let us write more enduring things. Let us appreciate the history of our situation; and rather than dismissing fading technologies seeing these in terms of how they have contributed to our present.
I’m certainly trying to achieve this in my own writing, and I’m very glad Cole appears to be doing the same.
In what has become a familiar pattern, having decided to embark on a redesign last February, I then spent the following 18 months iterating and iterating. Now, after many missed deadlines, I have finally launched my new site.
I’m attending my second Indie Web Camp this weekend, with the sole aim of implementing webmentions. This has meant prematurely launching my new Jekyll-based website. That this has been in development since last February, many would say this moment is long overdue.
For those looking for a quick and succinct introduction to Sass, the popular CSS pre-processor, my friend Cole Henley has written a pocket guide:
Sass is a tool that takes a lot of the legwork out of writing good CSS. This pocket guide will provide an overview of how Sass can dramatically improve your workflow and make your CSS more flexible, robust and reusable.
This guide only takes 30 to 45 minutes to read, but on turning the last page you’ll be up to speed with all the features of Sass, know why you may want to use them and be thinking about building upon these features to take your Sass usage to the next level – careful now! The book is available now from Five Simple Steps for just £3.
Earlier this month I attended UpFront Conference, an event organised by Dan Donald and other members of Manchester’s digital community.
I recently learnt about a security exploit that can occur when pages served over HTTPS use HTTP compression. Secure or fast, pick one?
Matthew Butterick’s scrutiny of Medium reveals it to be “a form of human fracking”:
In “Death to Typewriters,” Medium insists that the typewriter is its “sworn enemy.” In certain typographic details, maybe so. But as a device that imposes homogeneous design, Medium still has a lot in common with the typewriter.
In fact, its ethics are actually worse than the traditional typewriter. Why? Because Medium’s homogeneous design has nothing to do with limitations of the underlying technology (in this case, the web)… it’s a deliberate choice that lets Medium extract value from the talent and labor of others.
Convenience always has a cost.
SVGOMG is a wonderful example of how to build a web app in a responsible and accessible way. I asked its creator, Jake Archibald, a few questions about how he designed and developed this native-feeling SVG optimisation app.
Last Friday I attended Responsive Day Out 2. The format was the same as last year, but the tenor was a little different. Gone were the theoretical presentations, talk of trying to sell responsive web design to clients and fears of embarking on responsive projects. Instead presentations focused on the actual doing; getting into the nitty-gritty.
For this month’s net magazine, Martin Cooper asked me to provide some thoughts on this question prompted by a recent exchange between Jeff Croft and Jeffrey Zeldman.
The net Awards return for their fifteenth year, and I’m more than a little surprised to be nominated for Designer of the Year.
Vasilis van Gemert asked me to curate a list of classic articles for the Daily Nerd, but what constitutes a classic?
Since Mikey joined us in February, the number of designers working at Clearleft is at an all time high. As the company grows, we want to maintain the same level of knowledge sharing and collaboration that happened more spontaneously with a smaller team.
A brief thought about collaboration.
Last month I wrote about Bradshaw’s Guide, a project that brings George Bradshaw’s 1866 descriptive railway handbook to the web. Today I’ll cover some of the typographic decisions I made, and how they lead me to believe that we still lack the necessary tools for web typography.
The Christmas break provides the time to tie up loose ends and make much needed progress on personal projects. At least, that was the plan. Once again I find myself distracted by the task of making this website just that little bit faster.
Earlier today, 24 Ways published an article in which I outlined five reasons why I believe two current proposed markup patterns for responsive images are largely redundant. Here I provide some follow-up, and hopefully clarification around the points I raised.
Justin Avery, who curates the Responsive Design Weekly newsletter, asked me four questions as part of his December Interview Series. Here are my answers.
Jason Santa Maria:
Ratios and baselines grids can be too rigid for the inherently flexible nature of the web. Just because something works at one size doesn’t mean the same ratio will be appropriate at larger or smaller sizes.
I often design websites to a vertical rhythm, even though maintaining it can be difficult during development. Jason’s arguments made me realise that this practice goes against the grain of the medium; something I discourage in The Web Aesthetic. I need to let go of my baseline grids.
Website optimisation can be a cruel game; everything has a number that begs to be reduced, but doing so requires a lot of experimentation, research and testing. And when you’re playing with the last hundred or so kilobytes, there’s little reward for your effort.
At the beginning of this year I was struck by a realisation, prompted in part by the discussions around responsive images but also the artistic ingenuity of the image optimisation techniques being used by Jeremy. How might the visual aesthetic of the web change if we were to acknowledge its nature and embrace its constraints?
Adobe recently announced a new suite a products and services for web developers, called Adobe Edge. .net Magazine asked me to provide some thoughts.
Rian van der Merwe for A List Apart:
A “shiny citadel” from far away, as The Guardian once wrote, up close Brasília has “degraded into a violent, crime-ridden sprawl of cacophonous traffic jams. The real Brazil has spilled into its utopian vision.”
This problem echoes across today’s web landscape as well, where the needs of ordinary users spill constantly into designers’ utopian vision. All around us we see beautiful, empty monuments erected not for their users, but for the people who built them – and the VCs who are scouting them.
‘Digital Brasílias’ is a great term for all the beautiful – yet ultimately useless – products emerging from the Valley. Product discovery can help us not only design things better, but design better things.
I enjoyed Anna Debenham’s excellent response to Marco Arment’s ridiculous assertion that every web designer needs to buy a retina MacBook Pro:
If you’re a web designer, you really, really need to get a cheap Dell monitor so you can see how bad your site looks on it and fix it.
Timely not real-time. Rhythm not random. Moderation not excess. Knowledge not information. These are a few of the many characteristics of the Slow Web. It’s not so much a checklist as a feeling, one of being at greater ease with the web-enabled products and services in our lives.
I like the sound of the Slow Web.
Social media buttons are not a social media strategy, even though they’re often sold that way. Excellent content, serious networking and constant human engagement is the way to build your profile. Adding those sleazy buttons won’t achieve anything.
I approve of this message, which might seem ironic coming from a peddler of social media icons. Perhaps I should include this health warning in the accompanying ‘Read Me’ file.
In this article, I’ll cover the techniques I use to make images load fast on a webpage.
A beautifully succinct yet informative article that begs to printed out and stuck on the wall next to every web developer.
Banks aren’t the most likeable organisations, but I’m developing a soft spot for Kiwibank, a New Zealand-based bank competing against larger Australian-based rivals. Their latest advertising campaign suggests they’re willing to stand up for something new “and even a bit crazy”, and in the world of banking, a responsive website is just that.
Barebones is an initial directory setup, style guide and pattern primer intended as a starting point for my own web development projects. I’ve made it available on GitHub so that others can use it in their own projects too. Anna has written more about the release here.
Rather than showcase British interactive design talent, the biggest cultural event of our generation has been represented online by an uninspired mess that flies the flag for the status quo.
Since returning from San Francisco, much of my spare time has been spent writing a tutorial for .net magazine. Published as part of their ‘Responsive Week’, this is for developers who want to learn about responsive web design but don’t know where to start.
Following on from last July’s extensive redesign of this site, the last few weeks have seen me revisit the design and implementation. In light of today’s Responsive Summit, and with a few people asking about the changes, I thought I should provide a little more detail.
Back in October, Ethan Marcotte asked me some questions about the design of my site. He was writing a round up of his twenty favourite responsive websites for .net Magazine and wanted quotes from each creator. In the spirit of blogging more I thought I’d share my answers here.
Unless you’re viewing this in your RSS reader, you may have noticed a few changes to the site. It’s been well over two years since the last redesign, but I’ve been working on this update on-and-off for the last 12 months. I could probably continue tweaking and refining, but as a wise man once said, ‘real artists ship’.
Two years ago I joined Clearleft. Now with the responsive design movement in full swing, I look back over the last two years to see how much my approach to web design has changed.
Invaluable advise from Twitter’s Mark Otto:
If you’re a graphic designer, work towards bringing whatever print experience you have to a small single page site. If you’re an interaction designer, start checking out HTML and CSS, and then move on to some basic jQuery. By doing so, you become a much more versatile designer and contributor on any project.
I’ve been thinking about redesigning this website for the last six months, but haven’t been able to find a strategy for making these changes happen. To keep this project on course, I’ve defined a set of design principles.
My esteemed colleague, Cennydd Bowles:
Hover states can provide subtle visual cues that help the user understand how something works. A faint glow around a ‘favourite’ star. An underline appearing underneath a link. But they should not be used for anything else. Hovering does not demonstrate user intent.
There is often talk of there being no landmark design on the web, but I suggest it won’t be long before BBC News is considered one of the greatest design icons online today.
I’m a huge supporter of the BBC, yet for many years I was unimpressed with much of it’s online output, where inconsistent design and poor implementation reflected badly upon one of our country’s greatest institutions.
The humble URL has been on my mind a lot recently.
Every year the Multipack – a community of web developers based in the Midlands – seems to undergo a renewal, finding confidence to try new things. This year is no different.
I have been using Movable Type for a number of years, yet the template code required to present an archived list of entries, grouped by month has always evaded me.
Looking for older posts? Browse the archive