| 5th | 10th | 15th | 20th | 25th | 30th | |||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 12am | ||||||||||||||||||||||||||||||
| 4am | ||||||||||||||||||||||||||||||
| 8am | ||||||||||||||||||||||||||||||
| 12pm | ||||||||||||||||||||||||||||||
| 4pm | ||||||||||||||||||||||||||||||
| 8pm |
Mark has dumped his brains!
Seriously, there is a lot of thought that has gone into this, and it’s just the beginning: Mark recounts the experience that Clearleft has had with delivering pattern libraries, laying the groundwork for releasing the library-generating tool that he has been building.
Watch this space.
A lovely profile of Claude Shannon (concluding with an unexpected Brighton connection).
This is quite wonderful: a recreation of the video for Prince’s Sign O’ The Times made entirely with HTML and CSS.
Adrian runs through the history of well-crafted websites:
- 1990s: Dynamic websites
- 2002: All-CSS layouts
- 2003: Nice URLs
- 2005: Ajax
- 2009: Custom web fonts
- 2010: Responsive web design
I think he’s absolutely right with his crystal ball too:
What’s a big hint that a site is crafted by forward-looking web developers? I’d say it’s service workers, the most interesting thing happening in web development.
But leaving trends aside, Adrian reminds us:
Some things never go out of style. None of the following is tied to a particular time or event, but each is a sign a website was made by people who care about their craft:
- Making sure the site works without JavaScript
- Semantic markup
- Following accessibility standards
Eric asked me some questions and I was only too happy to give some answers.
The greatest form ever made.
Discover exotic places with local hosts in a galaxy far, far away.
I really, really like this approach. I’ve used something similar in my responsive design workshops, where I get people to break things down into nouns and verbs (objects and actions). I think there’s a lot of crossover with good URL design here too—this is kind of like REST for UX designers.
Ted has snuck a blog post out from behind Apple’s wall of silence, and it’s good news: WebKit is not going to use vendor prefixes for new features.
A look at the tools that AirBnB have made to help them in their design and development process. I hope they’ll share them.
Robert walks through the process he went through to get HTTPS up and running on his Media Temple site.
If you have any experience of switching to HTTPS, please, please share it.
Chris’s homage to I, Pencil.
I, Website, am a complex combination of miracles.
An ongoing photography project from Curtis:
Beyond Work tells stories about humans at work, with no judgement or glorification. It’s an attempt at unearthing the social, cultural and functional world of work, that’s become invisible in everyday life.
A transatlantic cable, hurrah!
I lightweight little web browser. It’s quite nice.
I particularly like Ethan’s Stop Making Sense era David Byrne suit.
Here’s a well put-together collection of common patterns that are now much easier thanks to flexbox.
Marc writes about why you (yes, you!) should come to Indie Web Camp in Düsseldorf in just under two week’s time.
This could be a handy replacement for some Google Charts images of graphs. It uses SVG and is responsive by default.
I bet it wouldn’t be too tricky to use this to make some sparklines.
A nice tool for choosing colour palettes that look good and are also accessible.
This guide to CSS grid layout is the perfect companion piece to Rachel’s Grid by Example.
If you want to keep up to date with all the coolest stuff landing in CSS, I recommend bookmarking this ever-changing page.
I wasn’t aware of the forthcoming SameSite attribute for cookies—sounds very sensible indeed.
A step-by-step walkthrough of how GitHub has tweaked its Content Security Policy over time. There are some valuable insights here, and I’m really, really happy to see companies share this kind of information.
As well as compèring the event, Chris took the time to make notes at the Clarity conference, dedicated to all things patterny.
A trip down memory lane with Håkon.
It’s not like the web has been done. This is history in the making. The web is only 25 years old. It’s going to be around for a long time, so there are lots of things to develop.
A profile of the Internet Archive, but this time focusing on its physical space.
The Archive is a third place unlike any other.
This looks like it could be a very nifty tool to have at your disposal while coding. I like that it’s editor-agnostic.
A data-driven look at impact of performance:
The data suggests, both in terms of user experience and financial impact, that there are clear and highly valued benefits in making the site even faster.
Painters and Hackers: nothing in common whatsoever, but this are classical painters depictions of software engineering.
The state of Javascript development is overwhelming and confusing because everyone is overengineering their apps by default without even realizing it.
I quite like this step-by-step interface for a form, all cleverly handled with the :focus pseudo-class. I’d want to refine some of the usability issues before using it in production, but the progressive disclosure is nice.
One of these days I’m going to step outside of my PHP comfort zone and actually build something in Node. One of these days. When I do, this book looks like a good place to start (and the online version is free).
Remy walks us through his performance debugging routine …and now Una must write him a song.
Here’s a clever way to get text centred when it’s short, but left-aligned when it wraps.
If you’re at all interested in public speaking, this is a great insight by Lara into what it’s like on the day of a talk.
I wrote the foreword to this inaugural edition of Scroll Magazine which was published for the Respond conference down under. You can get your digital edition here, featuring interviews with Karen, Ethan, and Sara.
I think the move away from side projects toward doing a startup day one is not all good. There was something great about the ability to experiment with an idea before committing to it and before sucking other people’s money into it.
History, as the future will know it, is happening today on the web. And so it is the web that we must capture, package, and preserve for future generations to see who we are today.
Digital archivists run up against mismatched expectations:
But did you know that a large majority of web users think that when sharing their thoughts, images, and videos online they are going to be preserved in perpetuity? No matter how many licenses the general population clicks “Agree” to, or however many governing policies are developed that state the contrary, the millions of people sharing their content on websites still believe that there is an implicit accountability that should be upheld by the site owners.
Two (similar) patterns for responsive navigation that don’t involve sweeping everything behind a hamburger icon.
When I’ve experimented with auto-overflowing horizontal patterns like this, I’ve found that a judiciously-placed box shadow can give a nice affordance.
The best of the web is just one click away.
Everything you ever wanted to know about CSS pseudo-classes (and pseudo-elements).
While many challenges remain, the good news is … it’s progressive. Developers can already see the benefits by sprinkling in these technologies to their existing websites and proceed to build on them as browsers and operating systems increase support.
The book by Destiny Montague and Lara Hogan is online for free with a Creative Commons licence:
Learn to build a device lab with advice on purchasing, power solutions, and much more in this handy pocket guide.
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.
Now that Five Simple Steps has closed down, the individual authors are in charge of distributing their own books. This site links to all of those books.
Well, this is rather wonderful! A one-stop-shop for exploring UI patterns on CodePen …this is going to be time sink.
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.
Classic Swiss designs recreated in CSS (with added animation).
Naomi Alderman:
The text adventure, like poetry, tends to attract a small band of devoted fans rather than hundreds of millions of casual players. And yet, those who care about writing know that they are where the form starts; and I can’t help feeling that videogames in general would be better if they took as much care over their words, and over their narratives, as text adventures do.
This is a very handy resource—a collection of minimum viable implementations of HTML5 features and JavaScript APIs.
Here’s an interesting proposal from ppk: use requestAnimationFrame to gauge how performant a browser in behaving and then enhance accordingly.
Finally! An article about moving to HTTPS that isn’t simply saying “Hey, it’s easy and everyone should do it!” This case study says “Hey, it’s hard …and everyone should do it.”
Rachel compares two CSS layout modules; Grid and Flexbox. This distinction is crucial:
Flexbox is essentially for laying out items in a single dimension – in a row OR a column. Grid is for layout of items in two dimensions – rows AND columns.
The numero sign, the reversed question mark, the interrobang, the l b bar symbol, the Tironian et, the capitulum, and the ironieteken.
