Links
Hand-picked hyperlinks, all stored in my Otter bookmarking app
Otter is a self-hosted personal bookmarking app, find out more about it
here
git - ours vs theirs
cleaner merges for everyone
JS Naked Day
JS Naked Day: The web should work without JavaScript
No Web Without Women
An educational website featuring a collection of innovations by women in the fields of computer science and technology.
Yaak
A REST, GraphQL, and gRPC client available on all desktop platforms
Phanpy
Minimalistic opinionated Mastodon web client
Command Line Interface Guidelines
An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day.
CSS Selector Specificity Calculator
Quickly calculate any CSS selector specificity score along with explanations. With full support for complex CSS selectors.
What You Need to Know about Modern CSS (Spring 2024 Edition) – Frontend Masters Boost
My goal with this bookmarkable guide is to provide a list of (frankly: incredible) new additions to CSS lately. There is no hardline criteria for this list other than that these things are all fair…
Organic Software Directory
Discover, share, and discuss sustainable software products.
Dead Simple Sites — Minimal Website Inspiration
Dead Simple Sites curates the most minimal sites on the web.
capo.js: get your ﹤𝚑𝚎𝚊𝚍﹥ in order
Getting starting with capo.js
404s – gallery of error 404 page designs
404 pages, where joy and errors meet. A growing gallery of 404 page designs from around the internet. For all those lost pages, error pages & page not found out there.
uilabs
Experimental laboratory of fine UI
Piorama – The Adjustable Bag A10
With 3 sizes and 10 configurations, The Adjustable Bag is the world's most versatile convertible bag. It can instantly expand or contract to fit exactly what you need so that you'll never have to go through the hassle of switching between different bags again.
CSS :has() Interactive Guide
Everything you need to know about CSS :has() selector.
Investigating a major security vulnerability with Clerk's Next.js integration
Figuring out how a major auth provider fucked up.
The Race Companion
Fantasy MTB league. Your companion to let you follow allow with all competitions mountain biking. Lets get it.
100 Things You Can Do on Your Personal Website - James' Coffee Blog
One of my favourite things to do in my free time is to tinker with this website. Indeed, this website is the culmination of years of tinkering. I have added features like coffee shop maps that I can share with friends, a way for me to share my bio in two languages, a sitemap.xml file to help search engines find pages on my website, and more.
Web Interface Guidelines
A non-exhaustive list of details that make a good web interface.
Recursive Sans & Mono
A highly flexible variable font for design, code, and UI.
Escape Team – An Escape Room to Print at Home
Escape Team is a printable escape room game. Play instantly: download and print your mission PDF, download the app – the clock is ticking!
Useful utilities and toys over DNS
Free and useful services over DNS accessible on command line
KeyboardCowboy – The missing keyboard shortcut utility for macOS on GitHub
With Keyboard Cowboy, users can automate repetitive actions, launch applications and scripts, control system settings, manipulate files and folders, and perform a wide range of actions – all without ever having to take their hands off the keyboard.
Daft Social
The Anti-Social Social Network for Minimalists.
Daft Social lets you post and share notes, links or images by email subject only. From any email account.
Diagram Website
An internet map…
React, where are you going?
Matteo Frana expresses concerns about complexity introduced by server-side rendering, questions sustainability of community without independent oversight, hopes for officially supported default framework.
publint
Lint npm packages to ensure widest compatibility across environments.
Carbon.txt
A proposed convention for website owners and digital service providers to demonstrate that their digital infrastructure runs on green electricity.
Make the indie web easier
> If we truly want to open up the web for everyone to publish on, we have to make it easier. Let’s give people choices. Let’s give people options for tools they can set up and use, with no more knowledge than the knowledge they already have.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Stuff we figured out about AI in 2023
2023 was the breakthrough year for Large Language Models (LLMs). I think it’s OK to call these AI—they’re the latest and (currently) most interesting development in the academic field of …
52 things I learned in 2023 - Kent Hendricks
Here are some of the most interesting things I learned this year
AI Emoji Search
Emoji semantic search
Patatap
Patatap is a portable animation and sound kit. With the touch of a finger create melodies charged with moving shapes. Warning: contains flashing images.
Every Noise at Once
Every Noise at Once is an ongoing attempt at an algorithmically-generated, readability-adjusted scatter-plot of the musical genre-space, based on data tracked and analyzed for 6,291 genre-shaped distinctions by Spotify as of 2023-11-19. The calibration is fuzzy, but in general down is more organic, up is more mechanical and electric; left is denser and more atmospheric, right is spikier and bouncier.
How to make your own Die Hard Christmas tree ornament.
We’ve all by now seen this excellent Die Hard Christmas tree ornament, but since it got spread around virally so late in the year no one had any time to sell them (ahem, Etsy).
Studio Feixen Fonts
Studio Feixen Fonts is a type foundry founded by the Swiss design studio Studio Feixen.
52 Things I Learned in 2023 by Tom Whitwell
This year I worked on fascinating projects in food, media, storytelling, AI and health at Magnetic, and learned many learnings.
Wigglypaint by Internet Janitor
A juicy, jiggly drawing program
Kirimase
Next.js app CLI
Footer – The only footer gallery on earth.
Footer is a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style.
Rocumentaries
Curated links to watch the very best documentaries online. 200+ links to awe-inspiring films from your favourite channels: Netflix, Prime, YouTube, BBC, Channel 4, Vimeo and more.
The 2023 Kottke Holiday Gift Guide
After not happening for the past three years, the Kottke Holiday Gift Guide has returned.
An Attempted Taxonomy of Web Components - zachleat.com
A post by Zach Leatherman (zachleat)
draw my ui • tldraw
Draw a ui with tldraw and AI
tsconfig/bases
Hosts TSConfigs files to extend in a TypeScript app, tuned to a particular runtime environment
A24 Movie Browser — Information is Beautiful
Every film everywhere all at once
AI Emoji Generator
Turn your ideas into emojis in seconds. Generate your favorite Slack emojis with just one click.
Shredder MTB Zine
The independently published MTB Counter-Culture zine - Printed matter created during the age of distraction. Print ain't dead, Shredder is alive.
Hypermedia Systems
The revolutionary ideas that empowered the Web.
A simpler approach to building applications on the Web and beyond with htmx and Hyperview.
Enhancing web applications without using SPA frameworks.
Monaspace
An innovative superfamily of fonts for code
Let's Get Creative
A collection of high-quality, free, online creativity tools.
The 200 Best Inventions of 2023 | TIME
Here are the 2023 best inventions making the world better, smarter, and more fun.
ASH - Ai Pocket Field Guide
A Pokedex, but real, helping a new generation of Ecology Guardians discover the magical world of nature with Ai and hands on play.
Long Weekend
Simple, functional products designed to help you get out and see the world. Inspired by epic road trips, shooting film, and slowing down to take it all in. Designed by Willem Verbeeck, Allison Simon, and Moment.
Single Div CSS Drawings
Collection of CSS drawings created with a single div
Time zone converter
Easily convert time in different time zones
Terrible Maps: Hilarious Maps for a Ridiculous World a book by MICHAEL HOWE.
The joys of the world, one terrible map at a time – this is the ultimate gift book for the budding geographer or anyone who wants to have a laugh.
Ever wondered about the average jean colour across the United States? Or what ‘pedestrians’ look like in Denmark? What unites Brokenwind, Upton Snodsbury and Crackpot? And have you ever tried to take a train in Antarctica? Well Terrible Maps is the book for you!
Put together by the creator behind the tremendously popular social media feed, this is the ultimate humour book for the budding geographer in your life. From countries that eat their national animals to nations that have declared war on birds (and lost), Terrible Maps celebrates pointless cartography in all its glory. Don’t leave home without it!
Commit Mono. Neutral programming typeface.
Commit Mono is an anonymous and neutral programming typeface focused on creating a better reading experience.
Nepo Baby
Hey, guys! There’s been a lot of discussion going on lately and I just wanted to clear the air. I totally understand that people think I got my job because of…
Classic rock, Mario Kart, and why we can't agree on Tailwind
Published: September 26, 2023 When my brother and I were younger, our tastes in music were nearly polar opposites. I was a total hipster, and valued what I saw…
Streaming Has Reached Its Sad, Predictable Fate
The first question plaguing omnivorous, content-hungry humans with a spare hour or two is this: What should I watch? In recent years, a second question has come…
Numbr
Numbr is a smart calculator combined with a notepad. You can use notes with numbers alongside each other.
CSS HD Gradients
Wide gamut Color 4 compliant CSS gradient builder.
Tugg Burgers
We're a burger joint based in Sweden
Analogue Pocket - A tribute to portable gaming
A multi-video-game-system portable handheld. A digital audio workstation with a built-in synthesizer and sequencer. A tribute to portable gaming. Out of the box, Pocket is compatible with the 2,780+ Game Boy, Game Boy Color & Game Boy Advance game cartridge library. Pocket works with cartridge adapters for other handheld systems, too. Like Game Gear. Neo Geo Pocket Color. Atari Lynx & more. Completely engineered in *two FPGAs.
Rebrand — Stellar visual identity inspiration
Rebrand is a collection of the best new design systems, visual identity introductions and rebrand videos. We curate breathtaking videos that capture new brand identities.
Free Faces
This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.
Every Type of Plastic Used By LEGO - BrickNerd
Most people know that most LEGO bricks are made of ABS, but that’s not the only plastic that LEGO uses!
8 micro tips for remarkably better typography
Typography is so much more than picking a font and deciding what sizes to use for headings and body text. It could be regarded as its own branch of science. And…
Tram-Lite
Tram-Lite is a lite javascript and HTML library that helps developers build native web-components, and makes building simple native web-applications easier and more elegant!
Plaiceholder
Beautiful image placeholders, without the hassle.
Richard Ekwonye – Bézier Curves and the logic behind them
The logic behind Bézier Curves used in CSS animations and visual elements.
Educational Sensational Inspirational Foundational
A historical record of foundational web development blog posts.
The ideal viewport doesn’t exist
Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.
GodMode
AI Chat Browser: Fast, Full web-app access to ChatGPT / Claude / Bard / Bing / Llama2
TextFX
AI-powered tools for rappers, writers and wordsmiths.
Post Malone: Tiny Desk Concert
Stephen Thompson | August 15, 2023
The Tiny Desk has hosted plenty of major pop, rock and hip-hop stars in its 15-plus years, but you'd be hard-pressed to find one more agreeable or self-effacing than Austin Richard Post. Whether lamenting the state of his singing voice, joking about his nerves or sitting slack-jawed in awe of the fantastic band his people had assembled for this show, Post had the bearing of a lottery winner who wouldn't even give himself credit for buying a ticket.
Before, during and after the show, Post Malone was a joy to have around. But he also just happened to bring a few of the biggest pop hits of the 21st century: Set-opener "Sunflower," for example, has been certified eighteen-times platinum by the RIAA since its release in 2018 — that's an all-time record — while the 2017 single "I Fall Apart" and 2019's "Circles" lag behind at a mere ten-times platinum apiece. "Enough Is Enough," which closes this set, enjoys no such designation, but give it time: A track from Post Malone's new album Austin, it's only been out for a few weeks.
So enjoy this set for what it is: one of the world's biggest stars, performing a few of the world's biggest songs, each set to a luminous arrangement. Post Malone himself seems surprised by how great this Tiny Desk concert sounds, and that's not just the humility talking.
SET LIST
"Sunflower"
"I Fall Apart"
"Circles"
"Enough Is Enough"
Wavacity | Online Audio Editor Based on Audacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Cursor.otf
Cursor.otf is a font by Lieberman Kiepe Reddemann that allows you to use the MacOS system cursors as a font in your favourite desktop publishing program to imply interaction or events in website sketches.
Blogged Answers: My Experience Modernizing Packages to ESM
Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM Table of Contents Introduction For the last 8+…
Elon Musk Today
All the things Elon Musk really claimed
Name Checker
Find out if your project name is taken
yums.email
Yums is a recipe storage system built on top of email. Content on the web disappears with time, but email you have control over forever.
Workout.lol | The easiest way to create a workout routine
A small web application to create workouts based on your available equipment and the muscles you want to train.
No Vehicles In The Park
This is a game about language and rules. It consists of 27 questions, but after the first seven, you can skip to the end.
System Font Stack
CSS font-stacks for system fonts
Cyclic Dependency CSS Variable Space Toggles
Discover the power of Cyclic Dependency Space Toggles in CSS. Toggle values from a list using a single custom property. Check out this fascinating technique that simplifies complex cases.
Doge Sans
The font created for the Dogecoin cryptocurrency
Style your RSS feed
How to make your RSS feed look nice and provide useful information at the same time.
sub.rehab · Find your next diving spot
Find your next diving spot. A list of subreddit alternatives on different platforms.
Orb.Farm
A Virtual Aquatic Ecosystem.
Sculptures – MOHIT BHOITE
Hardware engineer Mohit Bhoite designs functional little desktop bots
TikTok creators use AI to rewrite history
A viral trend imagines alternate timelines in which Western imperial nations never came to power.
The Evolution of Trust
an interactive guide to the game theory of why & how we trust each other
Mighty Vibe
Mighty is the first and only device that plays your streaming music, like Spotify, on-the-go without a smartphone. Finally.
Less
Our philosophy is “less is more”. We curate a collection of beautifully designed products for photographers and everyone else. We’re dedicated to helping you find the best cameras and equipment available. Our collection is updated weekly.
Space Elevator
Take a trip to space! Another Neal Agarwal creation
Human or Not? // A Social Turing Game
Chat with someone for two minutes, and try to figure out if it was a fellow human or an AI bot. Think you can tell the difference?
Typography Manual by Mike Mai
A set of rules that will improve your typography 10x.
Phind: AI search engine
Get instant answers, explanations, and examples for all of your technical questions.
Digicam Finder · The most complete and accurate digital camera data source on the internet (1994 — 2023)
Reviews, full specs, and high-resolution images for 2500+ digital cameras and 1,100+ lenses made since 1994.
Fresh Fonts – Your monthly hit of font inspiration
Fresh Fonts is a curated newsletter sharing the best new font releases.
PosterLad – Abstract Posters
Abstract Posters. Made by designer Vratislav Pecka
Debunking Web Component Myths and Misconceptions
A re-publication and expansion of some previous content on the subject. This post adds more corrections and will be continually updated.
The Landscape of npm Packages for CLI Apps
A survey of popular packages for Node.js CLI development and recommendations for new command-line apps.
Retroactive Journaling
I wish I was better at journaling. I love it and love having documentation of the things I’ve done, feelings I’ve felt, experiences I’ve had, etc. I just haven’t built the habit yet. I’d like to change that. While I want to document my life moving forward, I also want to start painting a coherent
Twitter’s Moment of Truth Has Arrived
As Elon Musk removes the legacy blue checks, he needs more people to subscribe. It isn’t happening.
Bicycle – Bartosz Ciechanowski
Interactive article explaining the physics of a bicycle.
The age of average — Alex Murrell
In the early 1990s, two Russian artists named Vitaly Komar and Alexander Melamid hired a market research firm to survey the public on what they wanted in a work of art. Across 11 countries they then set about painting a piece that reflected the results. Each piece was intended to be a unique a colla
YAML Multiline Strings
Find the right syntax for your YAML multiline strings.
The Great Gaslighting of the JavaScript Era
The age of frontend JavaScript frameworks eating the web world didn’t happen simply because some well-meaning developers found great DX. It happened because we were fed a line.
Vesuvius Challenge
A $1,000,000 machine learning and computer vision competition
CHOMPI
Inviting you into the magical world of sound design with our quirky, Tape Music Machine: CHOMPI... Portable, Customizable, Built-in Microphone, MX-Cherry Keyboard, Endless Encoders, Preset Sample Slots, USB-C power, Midi in & out, & More
Wilson Miner - When We Build
“We shape our tools and our tools shape us.” As more of the tools we live with every day become digital instead of physical, our opportunity – and responsibility – as designers is multiplying. We live in a world of screens, and we are the ones who decide what goes on them. We are in a unique position to have an impact – one that lasts longer than the next redesign or the latest technology. What happens when we stop thinking of ourselves not just as developers or experience designers, and take up the mantle as a new generation of product designers for a digital world?
Rosé Pine IDE and terminal themes
All natural pine, faux fur and a bit of soho vibes for the classy minimalist.
Not By AI Badges — A Badge for Your AI-free Content
Your AI-free content deserves a badge. If your content is not generated by AI, add the badge to your work.
Modern Font Stacks
System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
Announcing TypeScript 5.0 - TypeScript
Today we’re excited to announce the release of TypeScript 5.0! This release brings many new features, while aiming to make TypeScript smaller, simpler, and faster. We’ve implemented the new decorators standard, added functionality to better support ESM projects in Node and bundlers,
Zed - Code at the speed of thought
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.
GPT-4 Designed a Programming Language
When the machines make machines, we’re in a new world.
10 Ways GPT-4 Is Impressive but Still Flawed
OpenAI has upgraded the technology that powers its online chatbot in notable ways. It’s more accurate, but it still makes things up.
visuelle
Visuelle is an online creative showcase and feed curated by David Bennett, Creative Director at OPX Studio.
NaN Type
NaN is an exploratory and service-driven type design practice, creating for and collaborating with the weird, the wise and the wonderful
Happy Medium | Exploring the world of art.
Happy Medium makes products, events, and content for casual artists.
Flux Keyboard
A revolutionary keyboard with integrated display which adapts to you.
Rest of World
We’re a new global nonprofit publication covering the impact of technology beyond the Western bubble.
Lander
Can you successfully pilot the lander to the surface?
ChatGPT as muse, not oracle
What if we thought of LLMs as tools for inspiring human creativity, not giving us answers? A meta-conversation with ChatGPT
Michael Gove asked me to a meeting to share my expertise. I declined. Instead, I’ve given him a piece of my mind. — Jay Rayner
A few weeks ago, I was approached by an official at the Department of the Environment Food and Rural Affairs. She told me the Secretary of State was holding a round table discussion for ‘innovative thinkers’ on July 25 to give him ‘food for thought in the early days of the new job’. He had asked for
Damon Albarn: Studio Tour, ‘Cracker Island’ & Coachella | Apple Music
Although he is used to being the voice and talent behind Gorillaz, Damon Albarn is giving Zane Lowe an up-close look at who he is.Albarn invites Zane to his ...
Four Tet, Fred Again.. & Skrillex live from Times Square for @TheLotRadio
Surprise b2b2b live from Times Square February, 17th 2023
Mementos from the Multiverse
Auction from "Everything Everywhere All At Once"
Pagefind
Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.
SearchSystem™
Searchsystem is an ever-growing collection of references and tools for designers. curated by Julien van Havere, founder of DesignPractice and Typefoundry.
Kill the Newsletter!
Convert email newsletters into Atom feeds.
OK, OKLCH: a color picker made to help think perceptively—Martian Chronicles, Evil Martians’ team blog
We designed the UI of the OKLCH Color Picker & Converter with education in mind as the driving design principle. Beyond being a handy tool, we aim to speed up familiarity and adoption of OKLCH and perceptual color spaces.
OKLCH Color Picker & Converter
OKLCH is a new way to encode colors (like hex, RGBA, or HSL)
lapolice
La Police is a digital type foundry publishing typefaces and a print periodical.
Unordered, incomplete list of things I want from a job
If I have to have to a job, this is what I want it to offer me.
Checkboxland
Render anything as HTML checkboxes