This slide deck is a whistle-stop tour of all things styleguide and pattern-library related. Nice to see Charlotte’s excellent exercise get a shout-out.
An entertaining presentation from South By Southwest on the UI element of last resort.
It’s funny because it’s true.
The video of my talk on hypertext at the HTML Special before CSS Day. I’m pretty with my delivery here. There’s a bit of Q&A afterwards as well.
A wonderful deep dive into the history of styling languages before CSS. I love spelunking down these internet history potholes—fascinating stuff!
A great talk from Bruce on the digital self-defence that ad-blockers provide. I think it’s great that Opera are building ad-blocking straight into the browser.
Charlotte outlines the process she used in creating her talk at Dot York. It was a real joy to see it come together.
This beautiful poster could be the ideal decoration for your home or office.
You can download the original size (DIN A3) and print it to hang it on the walls in your office or wherever you want.
I’ll be speaking to students in Vasilis’s class for Communication and Multimedia Design in Amsterdam right before CSS Day. There are (free) tickets available if you’re around. I’ll be talking about digital preservation and long-term thinking on the web.
This meetup is, like all other Icons Meetups, free to attend for everyone. For students and lecturers of CMD Amsterdam, of course. But also for all professional (digital) designers who want to be inspired.
This is my kind of talk—John Snow’s cholera map, the Yucca Mountain think-tank, the Pioneer plaque, the Voyager record, the Drake equation, the Arecibo signal, and the love song of J. Alfred Prufrock.
♫ These are a few of my fav-our-ite things! ♫
Everything you ever wanted to know about CSS pseudo-classes (and pseudo-elements).
Vitaly calls them dirty tricks but this is a handy collection of front-end development techniques. They’re not really dirty …just slightly soiled.
It’s in German, but this presentation by Joschi is a great introduction to Indie Web ideas and building blocks.
The full text of Adam’s excellent talk at EnhanceConf.
The videos from EnhanceConf are started to go up already. Stefan’s talk really struck me—all the talks were great but this one had the most unexpected insight for me. It really clarifies a lot of ideas that I’ve been trying to articulate, but which Stefan crystalises by taking the long-zoom view.
Continuing the topic of public speaking, Jenn has a really good technique for figuring out how to arrange the pieces of your talk without getting bogged down in designing slides.
The slides from Calum’s presentation at Front-end London.
I was just helping out with some debugging at work and it reminded me of this great talk/post by Remy:
- Replicate: see the bug
- Isolate: understand the bug
- Eliminate: fix the bug
The transcript of a great talk by Wilto, focusing on responsive images, inlining critical CSS, and webfont loading.
When we present users with a slow website, a loading spinner, laggy webfonts—or tell them outright that they‘re not using a website the right way—we’re breaking the fourth wall. We’ve gone so far as to invent an arbitary line between “webapp” and “website” so we could justify these decisions to ourselves: “well, but, this is a web app. It… it has… JSON. The people that can’t use the thing I built? They don’t get a say.”
We, as an industry, have nearly decided that we’re doing a great job as long as we don’t count the cases where we’re doing a terrible job.
Here’s Paul’s write-up of his excellent talk at FF Conf.
Previously I’ve used the term “developer convenience” when describing the benefits of using a framework. Paul uses the term “ergonomics” to describe those benefits. I like that. I worry sometimes that the term “developer convenience” sounds dismissive, which isn’t at all my intention—making our lives as developers less painful is hugely important …but it’s just not as important as improving the lives of the end users (in my opinion …and Paul’s).
As I look at frameworks, I see the ergonomic benefits (and those are important, I agree!), but I can’t help but feel that, for many developers, investing in knowledge of the web platform itself is the best long-term bet. Frameworks come and go, it just seems to be the ebb and flow of the web, and, as I said above, they do contribute ideas and patterns. But if you ever find that the one you use no longer works for you, or has a bug that remains unfixed, being able to understand the platform that underpins it will help enormously.
This was one of favourite talks at this year’s FF Conf. But I will readily admit there’s a hefty dollop of confirmation bias in my enjoyment.
Are we doomed to see history repeat itself? With the amount of client-side MVC frameworks and the upcoming implementation of the ES6 syntax, will we soon be seeing a repeat of the “browser wars.” Will more websites only work in a select number of browsers with the capabilities to run their code?
This looks like being a very handy book on public speaking. I’m going to order a copy for the Clearleft office. I’ll let you know what it’s like.
This looks like a terrific presentation from Alla on iconography, semiotics, and communication.
Here’s the video of the talk I gave at An Event Apart last year.
Guess what it’s about. Go on, guess!
No! It’s about progressive enha… oh.
Nick Foster has put the audio of his fantastic dConstruct talk together with his slides.
It’s a terrific, thought-provoking presentation, superbly delivered …and it even has some relevance to progressive enhancement! (you’ll know what I mean if you watch/listen to the whole thing)
Some great advice from Zach Leatherman in this …presentation (I almost said “talk”, but that wouldn’t be entirely accurate).
The video of my talk at this year’s Beyond Tellerrand. I was pleased with how this went, except for the bit 16 minutes in when I suddenly lost the ability to speak.
The video of Richard’s great talk on responsive typography at the Up Front conference.
A great presentation from Stephen. He takes a thoughtful look at our processes and tools.
Maciej has published the transcript of his magnificent (and hilarious) talk from dConstruct 2013.
A long zoom and then a deep dive into web typography.
The full text of Aaron’s magnificent closing keynote from Responsive Day Out.
I really like the way that Paul’s talk builds on top of ideas laid down by Ethan and Frank. Good stuff.
The slides from Paul’s talk-in-progress on design principles for building responsive sites. He gave us a sneak peak at Clearleft earlier this week. ‘Sgood.
I felt a great swell of pride watching Charlotte give an excellent presentation at the Talk Web Design conference at Greenwich University.
SmashingConf Oxford 2015: Richard Rutter on Don’t Give Them What They Want, Give Them What They Need
A great case study from Richard, walking through the process of redesigning the website for the Royal Borough of Kensington and Chelsea.
Here’s a talk give at a community event in London last summer.
The slides from Katie’s recent talk.
Performance is a rising requirement for building successful websites, but successful performance begins far earlier than development. So how do you get your entire team excited by it, specifically aesthetic-heavy designers?
This is a talk I gave at An Event Apart about eighteen months ago, all about irish music, the web, long-term thinking, and yes, you guessed it—progressive enhancement.
Yet another brilliant far-ranging talk from Bret Victor.
I’ve tried to get him to come and speak at dConstruct for the past few years, but alas, with no success.
A great presentation on web components by Marcy, with an emphasis on keeping them accessible.
Dave’s great slides from a presentation on performance and responsive design.
Looks like Phil’s talk at The Web Is in Cardiff was terrific.
Patty Toland — Design Consistency For The Responsive Web (Smashing Conference Freiburg 2014) on Vimeo
Patty’s excellent talk on responsive design and progressive enhancement. Stick around for question-and-answer session at the end, wherein I attempt to play hardball, but actually can’t conceal my admiration and the fact that I agree with every single word she said.
Remember when I was talking about refactoring the markup for Code for America? Well, it turns out that Heydon Pickering is way ahead of me.
He talks about the viewpoint of a writer (named Victoria) who wants to be able to write in Markdown, or HTML, or a textarea, without having to add classes to everything. That’s going to mean more complex CSS, but it turns out that you can do a lot of complex things in CSS without using class selectors.
There are slides.
Tantek’s great talk on the Indie Web from Web Directions Code in Melbourne earlier this year.
The transcript of Anab Jain’s talk from the FutureEverything Festival.
Tantek’s talk at the Personal Democracy Forum on the past, present, and future of independent publishing on the web.
The transcript of Maciej’s talk from Beyond Tellerrand on how the web has become more and more centralised:
The degree of centralization is remarkable. Consider that Google now makes hardware, operating systems, and a browser.
It’s not just possible, but fairly common for someone to visit a Google website from a Google device, using Google DNS servers and a Google browser on the way.
This is a level of of end-to-end control that would have caused us to riot in the streets if Microsoft had attempted it in 1999. But times have changed.
Slides from Tantek’s recent talk at Web Directions Code about the Indie Web.
A great talk by Amber on the history of personal publishing and the ideas and technologies driving the Indie Web movement.
The transcript of Malarkey’s recent talk. Good thoughtful stuff.
This is a wonderful piece by Maciej—a magnificent historical narrative that leads to a thunderous rant. Superb!
Some easily-digestible nuggets of advice on public speaking.
There were some technical difficulties with microphones, and it was a bit weird presenting inside a cinema, but I still had fun yapping on at last year’s Future Of Web Design in New York.
Get these down your earholes!
Remy has huffduffed all the audio from this year’s Full Frontal conference.
The transcript of Mark’s talk from last week’s Handheld conference in Cardiff.
There are mountains.
This is the talk I gave at the border:none event in Nuremberg last month. I really enjoyed it. This was a chance to gather together some thoughts I’ve been mulling over for a while about how we approach front-end development today …and tomorrow.
Warning: it does get quite ranty towards the end.
Also: it is only now that the video is released that I see I spent the entire talk looking like a dork with a loop of wire sticking out of the back of my head.
Maciej’s talk from this year’s XOXO—excellent stuff!
A great presentation from Brian Boyer on NPR’s mobile strategy. Spoiler: it’s responsive design.
Luke’s notes from my talk at An Event Apart DC.
Jason Garber took some nicely-hyperlinked notes during my presentation at An Event Apart DC.
A wonderful presentation by time-traveller Bret Viktor.
I gave the opening keynote at the Beyond Tellerand conference a few weeks back. I’m talked about the web from my own perspective, so expect excitement and anger in equal measure.
This was a new talk but it went down well, and I’m quite happy with it.
My presentation from the Industry conference in Newcastle a little while back, when I stepped in for John Allsopp to deliver the closing talk.
This is the full text of Owen’s talk at the Responsive Day Out. It makes for a terrific read!
The slides from Andy’s excellent pragmatic talk on performance and aggressive enhancement at the Responsive Day Out.
The slides from Owen’s magnificent talk at the Responsive Day Out …but you really had to be there.
Slides, videos, and links from Paul’s presentation at the Responsive Day Out.
The slides from Anna’s terrific talk at the Responsive Day Out.
This looks like being an excellent (free) event in London featuring three talks related to front-end web development.
The inaugural event this month features a talk on responsive design, a talk on data visualisation, and a talk on accessibility.
All the videos from last year’s Breaking Development conference in Dallas are up on the site. They’re all excellent.
The slides and audio from Andy’s exceptional talk earlier this year at Southby, combined into one video.
It really is excellent, although he does make the mistake of pulling the “dogma” card on those who woud disagree with him, and he really doesn’t need to: his argument is strong enough to stand on its own.
Ethan’s excellent talk from last year’s An Event Apart.
In this session Ethan reviews strategies for handling trickier elements that would make even the most seasoned designer quail: stuff like advertising, complex layouts, deep navigation patterns, third-party media, and, yes, actual, honest-to-goodness content.
All the talks from this year’s excellent Full Frontal conference in Brighton, available in audio form for your huffduffing pleasure.
This is my opening talk from Smashing conference a few months back in Freiburg, where I used to live.
A really nicely designed site to help you catch up on some good conference talks you might have missed.
This is the talk I gave at the Webdagene conference in Norway a few weeks back. I called it Responsive Enhancement but I think the Norwegian title translates as “Improvements Through Responsive Design.”
Note’s from Joanne’s presentation at Improving Reality.
Luke’s notes from my talk at An Event Apart in Chicago.
I’ve seen Heiko present with this gizmo at Mobilism and it worked a treat. I’m very tempted to get one for future presentations.
I don’t agree with everything in this presentation—there’s a nostalgic bias to the non-existent “good ol’ days”—but this is still very engaging and thought-provoking.
Organized Wonder | Curated documentaries, interviews, short films, and other top videos from around the web.
This is like a video version of Huffduffer (without the timeshifting). It’s very nicely done.
Harry’s 15 minute case-study presentation at UX London was excellent. He says the lesson is that we shouldn’t be afraid to make mistakes, but there’s another lesson here too: testing with users will save your ass.
It’s great to see the Future Friendly call-to-arms being expanded on. Here it’s university sites that are being looked at through a future-friendly lens.
Matt has transcribed the notes from his excellent Webstock talk. I highly recommend giving this a read.
I really enjoyed Matt’s talk from Webstock. I know some people thought it might be a bit of a downer but I actually found it very inspiring.
I’ve been huffduffing some of the best talks from this year’s South by Southwest—some I saw, some I missed. Subscribe to the podcast feed if you want to catch up with them at your leisure.
The slides from Andy’s tour-de-force presentation at South by Southwest on CSS best practices.
The slides from the South by Southwest panel I was on with Ariel and Matt. It was lots of fun.
The video of my talk from Webstock, all about wibbly-wobbly, timey-wimey stuff like networks and memory.
The slides from Chris’s presentation on the known unknowns of the web.
I loved this talk from Travis at New Adventures in Web Design, especially when he talked of the importance of Geocities and MySpace in democratising creative expression on the web.
We may have later bonded over that Ze Frank quote while in the toilet at the after-party …there may have even been hugs.
The video of my presentation on digital preservation at last year’s Build conference.
Our communication methods have improved over time, from stone tablets, papyrus, and vellum through to the printing press and the World Wide Web. But while the web has democratised publishing, allowing anyone to share ideas with a global audience, it doesn’t appear to be the best medium for preserving our cultural resources: websites and documents disappear down the digital memory hole every day. This presentation will look at the scale of the problem and propose methods for tackling our collective data loss.
This cracked me up. There are two possibilities: either this is really is very funny or I am very nerdy.
This is the talk I gave at An Event Apart through 2010. It’s all about interaction design with some examples from Huffduffer.
A short introductory presentation on responsive design.
The slides from my presentation at this year’s An Event Apart. Such a fantastic event …it was an honour to be on the roster.
An in-depth look at browser polyfills: what they are, how they work, and how you can make your own.
The video of the opening keynote I delivered at the Breaking Development conference in Nashville earlier this year. It expands on the One Web presentation I gave at DIBI, focusing on the language we use to talk about our approaches to web development.
A PDF of the slides (with copious notes) from Josh’s brilliant presentation. I love this guy!
This presentation from Lea contains some CSS gems (and it’s all delivered in HTML).
Glenn has written up the discussion that followed his UXCampBrighton talk on web actions.
A terrific presentation on progressive enhancement and mobile web development from Brad at Web Design Day. You can look at the slides, read the notes and watch the video.
Looks like Lyza’s presentation at Over The Air at Bletchley Park was really excellent.
Luke’s notes from my talk at the Breaking Development conference in Nashville summarise my points nicely.
I’ve just seen this incredible presentation from Stephanie Rieger at the Breaking Development conference in Nashville. It’s absolutely packed full of fantastically useful ideas. You really should’ve been there, but these slides can give you a taste of the presentation.
Jake’s talk at DIBI earlier this year was absolutely fantastic. It features a rape reference, a story about pissing, and a Human Centipede metaphor.
It’s also very, very informative. Watch this.
The video of my talk/rant at the DIBI conference in Newcastle/Gateshead earlier this year, for your viewing pleasure.
I recommend you look through all of Paul’s presentation …because they’re all excellent.
I really like the thinking that’s gone into the design of Github, as shown in this presentation. It’s not really about responsive design as we commonly know it, but boy, is it a great deep dive into the importance of URLs and performance.
Aaaaaand once again, the Riegers show us the way. This time it’s Stephanie’s presentation at Breaking Development in Dallas. Bloody brilliant.
Luke’s notes from my talk at An Event Apart Seattle do a good job of capturing the gist of what I was saying.
On Public Objects: Connected Things And Civic Responsibilities In The Networked City.
This may be one of the best pecha kuch— I mean, Ignite presentations I’ve ever seen.
Brendan giving one of the “inspired sessions” at last year’s Flash On The Beach one evening in the Brighton Dome.
This is the webpage of a great presentation on HTML5 and CSS3. It is also the presentation itself.
This presentation-sharing site looks like it could be a good alternative to Slideshare (which has become distinctly more cluttered and crappy over time).
The notes and slides from the talk Ann gave at the London Web Standards meetup in May.
A fantastic talk by Craig Mod on publishing, from this year's Do Lectures. I wish that the audio was available for huffduffing.
A New Theory of Awesomeness and Miracles, by James Bridle, concerning Charles Babbage, Heath Robinson, MENACE and MAGE
This is how I knew James Bridle would be amazing at dConstruct. His talk from Playful '09 is, well... aweome!
A comprehensive report of the excellent first day of UX London.
Slides from a presentation on machine tags by Aaron Straup Cope. I highly recommend downloading the PDF for the bounty of links listed under "Reading List."
Three back-to-back talks on web design at South by Southwest.
Steven Pemberton, one of my favourite long-term thinkers, talks about programming, markup and XForms.
Matt's opening keynote from Reboot 11 in Copenhagen.
Andy's excellent presentation from An Event Apart in Boston and @media in London. Required reading/viewing.
Natalie has put up the slides and video from her excellent Girl Geek Dinner talk on CSS in The Eagle last week.
danah boyd addresses the Microsoft Research Tech Fest.
This presentation by Steven Pemberton increases in value over time.
Glenn has created a screencast of his superb Skillswap presentation, syncing up the audio with the slides.
Chris Heathcote's notes from his PaperCamp talk on guidebooks.
This talk that James gave in Bristol last week is chock full of great stuff. Well worth a read/look.
The slides from Simon's excellent full-length presentation at the head conference. Every web developer needs to be aware of these issues.
Mike has published his notes from day one of @media Ajax in London.
Alastair's comprehensive notes from dConstruct.
Wesley Hodgson liveblogged the talk I just gave at An Event Apart San Francisco — Patterns in the process.
Scenes from an IBM slide presentation.
There's a new London geek event going on. The inaugural evening next week features a nice selection of speakers. And it's free!
Notes and slides from Tom Taylor's talk at Oxford Geek Night 7. It's a great collection of things that talk (or at least Twitter): Tower Bridge, asteroids, plants...
Ooh, look what else I've found on the Reboot site.: this is my pecha kucha... I mean, this is my "micropresentation" about increasing the power of your hyperlinks (with microformats ...of course).
Wandering around the site for the Reboot conference in Copenhagen, I came across this video of my talk from last year. I had forgotten how much I enjoyed this talk.
Simon's slides and demos from his half-day workshop at XTech.
Christian's round-up from The Highland Fling. Sounds like a good time was had by all.
Andrew gave a peak under the skirts of The New York Times in his presentation at the Web Apps Summit. Here's a list of the demos he showed.
Dan Hon's very extensive notes from Alex Wright's great talk at South by Southwest, The Web That Wasn't.
This was the best part of the best presentation at South by Southwest this year: Merlin Mann gives his spiel during Andy Baio's "Worst website ever."
A recap of an excellent presentation at BarCamp Brighton 2 on data visualisation.
Matt Jones speaks about "Designing for SpaceTime, Building in No Time."
Some good advice on preparing presentations.
David follows up on my talk at St Paul's with cornucopia of thoughts and links that's more in-depth than the talk itself.
The text of Mark Pesce's excellent presentation at Web Directions South.
Brian Oberkirch's presentation from Webmaster Jam looks excellent.
John Sutherland's excellent presentation from BarCamp Brighton.
By far the best round-up of AEA Chicago. "Jeremy Keith looks a bit like Alan Rickman's Severus Snape in Harry Potter."
The slides from Gareth Rushgrove's presentation at BarCamp Brighton. It's all about Restful Rabbits.
The slides from Matthew Somerville's excellent BarCamp Brighton presentation: Is Cornwall part of England?
Videos ands slides from the recent Oxford Geek Night.
Slides based on a usability analysis of Wordpress by some of the Happy Coggers.
If you missed it at XTech in Paris, here's a chance to see Gavin Bell's excellent musings on identity and consolidation from a talk he gave at Google.
Joe shares his experiences of public speaking. There's some great advice here.
Matt J's slides from his Reboot presentation on travel, serendipity and Dopplr.
Adam Greenfield encapsulates his ideas from Everyware for the audience at the LIFT conference earlier this year.
If you're in Dublin on the evening of the 8th of May, come 'round to Bono's hotel to hear me natter on about Ajax.
Leisa's slides from the IA Summit in Vegas. Looks like it was an excellent presentation, channelling the spirit of Kelly Goto and Jeff Veen.
S5 has a posse.
A list of articles discussing the impact of a reliance on PowerPoint® and bullet-point based communication.
That should be fun. This not a music presentation - this one's for the geeks.
Download the PDF of the slides and play around with the demo from Tim Lucas' recent presentation.
Audio from Reboot 7. Ben Hammersley, Cory Doctorow and more.