Merch Table
Feel bad because your favourite artists aren’t getting any income from Spotify? Here’s a handy tool from Hype Machine that allows you to import Sportify playlists and see where you can support those artists on Bandcamp.
Link tags: table
83
Presentable #96: The Employee-Owned Design Agency - Relay FM
If you want to know more about Clearleft’s new employee-ownserhip model, Andy tells Jeff all about it in this huffduffable hour of audio.
world smallest office suite
I like this idea for a minimum viable note-taking app:
data:text/html,<body contenteditable style="line-height:1.5;font-size:20px;">I have added this to bookmarks and now my zero-weight text editor is one keypress away from me. You might also use it as a temporary clipboard to paste text or even pictures.
See also: a minimum viable code editor.
‘Real’ Programming Is an Elitist Myth | WIRED
The title says it all, really. This is another great piece of writing from Paul Ford.
I’ve noticed that when software lets nonprogrammers do programmer things, it makes the programmers nervous. Suddenly they stop smiling indulgently and start talking about what “real programming” is. This has been the history of the World Wide Web, for example. Go ahead and tweet “HTML is real programming,” and watch programmers show up in your mentions to go, “As if.” Except when you write a web page in HTML, you are creating a data model that will be interpreted by the browser. This is what programming is.
Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer
What web development can learn from the Nintendo Game and Watch.
The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. “Lateral thinking with withered technology” – progressively enhanced – might actually be an ideal philosophy for building accessible, performant, resilient, and original experiences for a wide audience of users on the Web.
Dark Ages of the Web
Notes on the old internet, its design and frontend.
Basil: Secret Santa as a Service | Trys Mudford
Trys writes up the process—and the tech (JAM)stack—he used to build basil.christmas.
HTML periodical table (built with CSS grid)
This is a nifty visualisation by Hui Jing. It’s really handy to have elements categorised like this:
- Root elements
- Scripting
- Interactive elements
- Document metadata
- Edits
- Tabular data
- Grouping content
- Embedded content
- Forms
- Sections
- Text-level semantics
Table Design Patterns On The Web — Smashing Magazine
Hui Jing runs through a whole bunch of options for displaying responsive tables, some of them using just CSS, some of them using a smidgen of JavaScript. There are some really clever techniques in here.
Elemental haiku
An ode for every element in the periodic table, in the form of a haiku.
Home - Memory of Mankind
A time capsule for the long now. Laser-etched ceramic tablets in an Austrian salt mine carry memories of our civilisation in three categories: news editorials, scientific works, and personal stories.
You can contribute a personal story, your favorite poem, or newspaper articles which describe our problems, visions or our daily life.
Tokens that mark the location of the site are also being distributed across the planet.
Trix: A rich text editor for everyday writing
If you must add a rich text editor to an interface, this open source offering from Basecamp looks good.
Colour Wheels, Charts, and Tables Through History – The Public Domain Review
These are beautiful!
Featured below is a chronology of various attempts through the last four centuries to visually organise and make sense of colour.
Cancelling Requests with Abortable Fetch
This is a really good use-case for cancelling fetch requests: making API calls while autocompleting in search.
Why Suffolk Libraries chose to build their own self-service app.
It’s so great to see the initial UX work that James and I prototyped in a design sprint come to fruition in the form of a progressive web app!
In the case of this web-app, if the tablets go offline, they will still store all the transactions that are made by customers. Once the tablet comes back online, it will sync it back up to the server. That is, essentially, what a Progressive Web App is — a kind of a website with a few more security and, most importantly, offline features.
Twenty Eighteen Preparation: Becoming an Endless Newbie - Airbag Industries
In the past, when I brushed off new advances or updates to technology and processes I preferred to stick with a simple path of “it still works fine,” but in doing so I realize now that I have l lost a lot beginning with the ability to function with current best practices in certain areas of my skill sets and the degradation a few projects, especially Airbag.
A Responsive Accessible Table | Adrian Roselli
Following on from Richard’s article, here’s a deep dive into making HTML tables that are accessible and responsive.
Web Typography: Designing Tables to be Read, Not Looked At · An A List Apart Article
An extract from Richard’s excellent book, this is a deep dive into styling tables for the web (featuring some CSS I had never even heard of).
Tables can be beautiful but they are not works of art. Instead of painting and decorating them, design tables for your reader.
(It also contains a splendid use of the term “crawl bar.”)
The Uncomfortable - a collection of deliberately inconvenient objects
These are ingenious. I think the chain fork is my favourite, but the uncomfortable broom is pretty great too.
Then there’s the inflatable doorknob.
Simple, semantic and responsive tables (part II) – Design Today – Wouter Hillen
This uses generated content in CSS to make the aria-label attributes visible on small screens—clever!