Adactio: Links

Style Guides, Pattern Libraries, Design Systems and other amenities. // Speaker Deck

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.

You Know What? Fuck Dropdowns

An entertaining presentation from South By Southwest on the UI element of last resort.

It’s funny because it’s true.

Jeremy Keith | < A > | HTML Special, CSS Day on Vimeo

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.

The Languages Which Almost Were CSS - Eager Blog

A wonderful deep dive into the history of styling languages before CSS. I love spelunking down these internet history potholes—fascinating stuff!

Making bad ads sad. Rad! - O’Reilly Media

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.

My talk writing process (so far) | Charlotte Jackson, Front-end developer

Charlotte outlines the process she used in creating her talk at Dot York. It was a real joy to see it come together.

The internet does forget | hiddedevries.nl

Hidde’s write-up of the talk I gave to Vasilis’s students in Amsterdam last week, all about digital preservation and long-term thinking.

Resilience Poster Talk from Jeremy Keith by jessman5Stuff on Etsy

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.

ICONS #9: Jeremy Keith Tickets, Wed, 15 Jun 2016 at 16:00

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.

Render 2016 - Jeremy Keith on Vimeo

Here’s another version of my talk Resilience—the same one I gave at Beyond Tellerrand—this time from the Render conference in Oxford.

Wicked Ambiguity and User Experience

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! ♫

CSS Pseudo // Speaker Deck

Everything you ever wanted to know about CSS pseudo-classes (and pseudo-elements).

Clarity Conf: Brad Frost

I wish I could’ve made it to the Clarity conference—I had a Salter Cane gig to play—but luckily for me, Brad took lots of notes.

Don’t Forget The Web

Here’s the video of the talk I gave at Facebook’s Mobile @Scale event where I was the token web guy. The talk is pretty short but there’s some fun Q&A afterwards.

Dirty Tricks From The Dark Corners Of Front-End // Speaker Deck

Vitaly calls them dirty tricks but this is a handy collection of front-end development techniques. They’re not really dirty …just slightly soiled.

IndieWeb — Deine Daten. Dein Netz. | Vortrag auf dem Webkongress Erlangen 2016 | Joschi Kuphal

It’s in German, but this presentation by Joschi is a great introduction to Indie Web ideas and building blocks.

Embracing simplicity by Adam Silver

The full text of Adam’s excellent talk at EnhanceConf.

EnhanceConf - Stefan Tilkov - How to embrace the browser - YouTube

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.

Outline Your Talk with Presenter Notes — Ladies in Tech

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.

Taking part in the IndieWeb

The slides from Calum’s presentation at Front-end London.

The Art of Debugging

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 Website Obesity Crisis

As promised, Maciej has posted the transcript of his excellent Web Directions talk on performance.

So, so good.

Smaller, Faster Websites - - Bocoup

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.

Aerotwist - The Cost of Frameworks

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.

You should use [insert library/framework], it’s the bestestest! / Paul Lewis - YouTube

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.

Best viewed with - Velocity Amsterdam 2015 // Speaker Deck

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?

Present!

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.

A Semiotic Approach to Designing Interfaces // Speaker Deck

This looks like a terrific presentation from Alla on iconography, semiotics, and communication.

An Event Apart News: Enhance! by Jeremy Keith—An Event Apart video

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.

The Future Mundane on Vimeo

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)

A Hypocrite’s Guide to Public Speaking - YouTube

Some great advice from Zach Leatherman in this …presentation (I almost said “talk”, but that wouldn’t be entirely accurate).

Jeremy Keith – Enhance! – Beyond Tellerrand Düsseldorf 2015 on Vimeo

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.

Richard on Vimeo

The video of Richard’s great talk on responsive typography at the Up Front conference.

Stephen Hay | The Back(side) of the Class | CSS Day on Vimeo

A great presentation from Stephen. He takes a thoughtful look at our processes and tools.

Fan Is A Tool-Using Animal—dConstruct Conference Talk

Maciej has published the transcript of his magnificent (and hilarious) talk from dConstruct 2013.

Efficient Web Type, c. 1556

A long zoom and then a deep dive into web typography.

Where Do We Go From Here?, From the Notebook of Aaron Gustafson

The full text of Aaron’s magnificent closing keynote from Responsive Day Out.

Paul Robert Lloyd | Responsive Principles | CSS Day on Vimeo

I really like the way that Paul’s talk builds on top of ideas laid down by Ethan and Frank. Good stuff.

Responsive Principles (Front-end London, May 2015) // Speaker Deck

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.

My first public speaking experience by Charlotte Jackson, Front-end developer

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.

Jeremy Keith @ The Digital Pond - Responsive Design - YouTube

Here’s a talk give at a community event in London last summer.

The Path to Performance // Speaker Deck

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?

The Long Web by Jeremy Keith – An Event Apart Video on Vimeo

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.

The Humane Representation of Thought on Vimeo

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.

Accessibility of Web Components

A great presentation on web components by Marcy, with an emphasis on keeping them accessible.

RWD BLOAT // Speaker Deck

Dave’s great slides from a presentation on performance and responsive design.

The Web Is Made of Links // Speaker Deck

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.

Heydon Pickering | Effortless Style | CSS Day on Vimeo

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 Çelik - The once and future IndieWeb - YouTube

Tantek’s great talk on the Indie Web from Web Directions Code in Melbourne earlier this year.

Valley of the Meatpuppets | superflux

The transcript of Anab Jain’s talk from the FutureEverything Festival.

Tantek Celik, “Why We Need the IndieWeb”, #PDF14 - YouTube

Tantek’s talk at the Personal Democracy Forum on the past, present, and future of independent publishing on the web.

The Internet With A Human Face - Beyond Tellerrand 2014 Conference Talk

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.

The Once and Future IndieWeb

Slides from Tantek’s recent talk at Web Directions Code about the Indie Web.

Rise of the IndieWeb - Amber Case - FutureTalks - YouTube

A great talk by Amber on the history of personal publishing and the ideas and technologies driving the Indie Web movement.

A Modern Designer’s Canvas | Smashing Magazine

The transcript of Malarkey’s recent talk. Good thoughtful stuff.

Our Comrade The Electron

This is a wonderful piece by Maciej—a magnificent historical narrative that leads to a thunderous rant. Superb!

speaking.io

Some easily-digestible nuggets of advice on public speaking.

The Long Web - Jeremy Keith at FOWD NYC 2013 - YouTube

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.

rem : fullfrontalconf2013 on Huffduffer

Get these down your earholes!

Remy has huffduffed all the audio from this year’s Full Frontal conference.

The Business of Responsive Design by Mark Boulton

The transcript of Mark’s talk from last week’s Handheld conference in Cardiff.

There are mountains.

Jeremy Keith – The Power Of Simplicity – border:none

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.

Thoreau 2.0 - XOXO Conference Talk

Maciej’s talk from this year’s XOXO—excellent stuff!

If it doesn’t work on mobile, it doesn’t work | hacker journalist

A great presentation from Brian Boyer on NPR’s mobile strategy. Spoiler: it’s responsive design.

LukeW | An Event Apart: The Long Web

Luke’s notes from my talk at An Event Apart DC.

Sketchnotes: The Long Web

Jason Garber took some nicely-hyperlinked notes during my presentation at An Event Apart DC.

The Future of Programming

A wonderful presentation by time-traveller Bret Viktor.

Enough with the JavaScript already!

A great set of slides from Nicholas, all about the disturbing trend in “modern” web apps to depend entirely on JavaScript as a single point of failure.

Jeremy Keith – Beyond Tellerrand – beyond tellerrand 2013 on Vimeo

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.

Jeremy Keith - What We Talk About When We Talk About The Web on Vimeo

My presentation from the Industry conference in Newcastle a little while back, when I stepped in for John Allsopp to deliver the closing talk.

Antiphonal Geometry · Harmony and proportion in responsive web design

This is the full text of Owen’s talk at the Responsive Day Out. It makes for a terrific read!

Anatomy of a responsive page load

The slides from Andy’s excellent pragmatic talk on performance and aggressive enhancement at the Responsive Day Out.

Antiphonal Geometry: harmony and proportion in responsive web design

The slides from Owen’s magnificent talk at the Responsive Day Out …but you really had to be there.

The Edge of the Web at Responsive Day Out

Slides, videos, and links from Paul’s presentation at the Responsive Day Out.

Playing with game console browsers

The slides from Anna’s terrific talk at the Responsive Day Out.

Front-end London - A New London Based Meetup for Front-end Developers, hosted by Made by Many

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.

Schedule | Breaking Development Dallas 2012: Web design and development for beyond the desktop

All the videos from last year’s Breaking Development conference in Dallas are up on the site. They’re all excellent.

Andy Hume: CSS for Grownups, SXSW 2012 - YouTube

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 Marcotte AEA Boston June 18, 2012 on Vimeo

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.

Audio clips from Full Frontal 2012 | Lanyrd

All the talks from this year’s excellent Full Frontal conference in Brighton, available in audio form for your huffduffing pleasure.

The Spirit Of The Web on Vimeo

This is my opening talk from Smashing conference a few months back in Freiburg, where I used to live.

Be Square, web conferences on your desktop.

A really nicely designed site to help you catch up on some good conference talks you might have missed.

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012) on Vimeo

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.”

Improving Reality 2012 : Joanne Mcneil

Note’s from Joanne’s presentation at Improving Reality.

LukeW | An Event Apart: Spirit of the Web

Luke’s notes from my talk at An Event Apart in Chicago.

CamHolder 0.2 for iPhone, Android and other mobile handsets - by Heiko Behrens

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.

Matthew Butterick: Reversing the Tide of Declining Expectations

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.

From Print to iPad: Designing a Reading Experience

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.

The Future Friendly Campus // Speaker Deck

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.

A Whole Lotta Nothing: My Webstock Talk: Lessons from a 40 year old (now with transcript)

Matt has transcribed the notes from his excellent Webstock talk. I highly recommend giving this a read.

Webstock ‘12: Matt Haughey - Lessons for a 40 year old on Vimeo

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.

adactio : sxsw2012 on Huffduffer

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.

Excessive Enhancement - SXSW2012 // Speaker Deck

The slides from Phil’s excellent South by Southwest presentation on URLs, JavaScript, and progressive enhancement.

CSS for grown ups: maturing best practises // Speaker Deck

The slides from Andy’s tour-de-force presentation at South by Southwest on CSS best practices.

Get Excited and Make Things with Science // Speaker Deck

The slides from the South by Southwest panel I was on with Ariel and Matt. It was lots of fun.

Webstock ‘12: Jeremy Keith - Of Time and the Network on Vimeo

The video of my talk from Webstock, all about wibbly-wobbly, timey-wimey stuff like networks and memory.

What We Don’t Know // Speaker Deck

The slides from Chris’s presentation on the known unknowns of the web.

Travis Schmeisser: We Used To Build Forts on Vimeo

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.

Jeremy Keith - All Our Yesterdays on Vimeo

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.

Wat — Destroy All Software Talks

This cracked me up. There are two possibilities: either this is really is very funny or I am very nerdy.

Jeremy Keith: Paranormal Interactivity on Vimeo

This is the talk I gave at An Event Apart through 2010. It’s all about interaction design with some examples from Huffduffer.

What The Heck Is Responsive Web Design?

A short introductory presentation on responsive design.

Design Principles // Speaker Deck

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.

Polyfilling The HTML5 Gaps With JavaScript

An in-depth look at browser polyfills: what they are, how they work, and how you can make your own.

Jeremy Keith - There Is No Mobile Web - BD Conf, Sept 2011 on Vimeo

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.

The Myths of Mobile Context by Josh Clark

A PDF of the slides (with copious notes) from Josh’s brilliant presentation. I love this guy!

CSS3 Secrets 10 things you might not know about CSS3

This presentation from Lea contains some CSS gems (and it’s all delivered in HTML).

Choosing the Right Words – Web Intents — Glenn Jones

Glenn has written up the discussion that followed his UXCampBrighton talk on web actions.

For a Future-Friendly Web | Brad Frost Web

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.

Crap! It doesn’t look quite right, or, how I learned to stop worryi…

Looks like Lyza’s presentation at Over The Air at Bletchley Park was really excellent.

LukeW | Breaking Development: There Is No Mobile Web

Luke’s notes from my talk at the Breaking Development conference in Nashville summarise my points nicely.

Pragmatic responsive design

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.