broadsheet.chasem.co Open in urlscan Pro
2a06:98c1:3121::3  Public Scan

Form analysis
0 forms found in the DOM

Text Content

August 9, 2024 73° in Chicago


PORTFOLIO — KELLY CHONG

Independent product, web, and brand designer for early-stage startups.
Previously at Electronic Arts, RBC, and more. THIS PORTFOLIO BELONGS TO*


LEARNING LOG, JULY 2024

Summer is in full swing over here in Seattle! In July I attended a couple food
festivals with friends (the 50th annual Ballard Seafood Fest; Bite of Seattle),
hiked my first trail of the year :lol-sob:, and sketched en plein air.


DIRECTED EDGES / DESIGN SYSTEMS COACHING AND CONSULTING

"Coaching with Nathan feels like having a design system encyclopedia and cheat
sheet all rolled into one. His guidance helped us create and validate our first
design systems roadmap, which led to an invaluable increase in the focus, impact
and success of the team."


PLAIN VANILLA

An explainer for doing web development using only vanilla techniques. No tools,
no frameworks — just HTML, CSS, and JavaScript. About this site


ERTDFGCVB

─────────────────────────── ─────────────────────────── ertdfgcvb Studio for
design and code. Specialized in procedural graphics and animations for screen
and print, research and development, hardware prototyping, interactive
installations, realtime visualisations. .


TULIP CREATIVE COMPUTER. NOW AVAILABLE




GITHUB NEXT | VITALE

As software developers we understand the importance of a tight feedback loop.
When we can get instant syntax- and type-checking, rapid runs of the tests
affected by a change, or live previews of the UI, then we can go fast with
confidence, correcting little mistakes in logic or design before they become big
ones.


WHY I FINALLY QUIT SPOTIFY

The other week, I updated the operating system on my Mac laptop after putting
the task off for many months. (One intractable flaw of technological devices:
they never actually update overnight as promised.)


JTD TYPE FOUNDRY AND DESIGN STUDIO




PUBLIC WORK BY COSMOS

Public Work is a search engine for public domain content. Explore 100,000+
copyright-free images from The MET, New York Public Library, and other
sources.What's Public Domain?


BRADLEY | A BUILDER

Hello, we should design software paradigms that embody wisdom and feel natural
On my journey, I led design and research to make hiring human at Amazon, and
built a financial wellness system at Acorns.


CSS CLASSES CONSIDERED HARMFUL

If you've ever so much as peeked behind the curtain of Web user interfaces
before, you'll know what the class property is for. It's for connecting HTML to
CSS, right?


THE LIONS OF MICHIGAN AVENUE | THE ART INSTITUTE OF CHICAGO

Though not the biggest of the great cats, there’s a reason that lions have
served as guardian figures for thousands of years and for cultures around the
globe.


TMA'S LIBRARY

tma's library. free to borrow. toronto, trinity bellwoods.


VOICENOTES | AI VOICE NOTES APP

Record new ideas, family moments, meetings, podcast takeaways, anything. Ask
your AI to review past notes or brainstorm new ideas. It has perfect memory.


𝘁𝗶𝗻𝘆POD




DRAGÖNSTEEL

Inspired by heavy metal logos, 1980s role-playing games, and maybe dragons and
dusty, leather-bound books, Dragönsteel is our take on a modern-ish blackletter
typeface. Guided by the way a broad nib pen would inform the letters—but taking
liberties to add a bit of friendliness to an otherwise serious style of type.


RESEARCH BY UNMS

Import any PDF, web page or presentation Easily import, parse and index any
PDFs, web pages, and presentations for centralized access.


WILLIAM BOUT

I’m William, a product designer based in San Francisco, California. Currently,
I’m working at Height — focusing on collaboration & task managment. On the side
I’m working on Kip , a score-keeping app for iOS.


HOME

Photography


ADD SQUIRRELLY SUPPORT TO ELEVENTY

I'm supposed to be on vacation but writing about Eleventy two days ago has got
it fresh on my mind, also, I can't pass up an opportunity to use "squirrelly" in
a blog title. I subscribe to three or four different email newsletters related
to web development.


SQUIRRELLYJS | SQUIRRELLYJS

JavaScript Templating: Reimagined We drew inspiration from template engines like
Nunjucks, Handlebars, EJS, and Pug to create a template engine with the best
parts of each. Squirrelly is what we like to call a semi-embedded template
engine.


CHRISTOPH RAUSCHER — DESIGN

Zeit Online Design
For the past years, I’ve been responsible for the design of
Zeit Online, Germany’s renowned news site.


UPDATES — RONIN

Brody edited and published Thanks to the new Pro plan, it's now deploy high...


NOUVELLE GROTESK

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz & (Ää Éé Øø) {@©®}
[!?“”«»*] ←


NATKO HASIĆ - DESIGNER & MAKER

I've been in remote teams my entire career, this is my most productive setup. My
Approach


ABJT . WEB DEVELOPER . DIGITAL ARTIST

Carousels have been around on the web for a very long time. By the time I wrote
my first printf("hello world"), I would see a sliding set of images with a
"next" and "previous" button on almost every website, from e-commerce websites
to social media platforms.


HEART HANDS, INC.

We operate discreetly as we believe giving our products to the wrong audience is
not beneficial. Though if you look for them - you will find them. We are a group
of people who care a lot about the details - engineers, designers, and hackers
from companies like Apple, Locket, Sunrise, Microsoft, and Twitter.


INTRO TO COMFYUI (STARTS JULY 15, LIVE AND ASYNC OPTIONS) | BUSTBRIGHT - MACHINE
LEARNING ART

BustBright - Machine Learning Art


BUILDSPACE

a home for ppl bringing their wildest
ideas to life.


HANDBOOK · RESEND

The process behind Resend


REGEX POETRY MACHINE

Place two words in a space. What does the topography look like, to traverse
between them? Where do meanings fold and multiply?


SCREEN STUDIO — PROFESSIONAL SCREEN RECORDER FOR MACOS

Smooth cursor movement Shaky and rapid movement of your cursor is transformed
into a smooth and beautiful glide. Change cursor size after recording


DESIGN PATTERNS CATALOGUE - IF

IF curates this catalogue to help teams design trustworthy services that work
for people. Contact IF for workshops about how to use these patterns.


IRIS

Ready when you need it, invisible when you don’t. Talk to Iris any time, no
matter which app you’re currently using.


ORBIT




AARON ROLSTON

Aaron Rolston 
Your friendly neighborhood web developer.
Twitter, Posts,
Colophon, © 2099


SORRY, I'VE BEEN A BIT DISTRACTED FOR THE LAST 25 YEARS

Today wasn’t a good day at work. It wasn’t a bad day — I’ve had a few of those
and this wasn’t in the same league — it just wasn’t a good day. Today was an
unproductive day.


OMAR ABDUL-RAHIM

SpeedPhase widthAmplitude Hi! I'm a design engineer at Replit working on
AI-assisted development, distributed collaboration, and cloud services.


SCALE YOURSELF USING SPIRAL

Automate 80% of repeat writing, thinking, and creative tasks. Your voice and
style included.


CHARLOTTEDANN.COM

Hi, I’m Charlotte, a creative technologist living in Brighton, England. I like
building for the web and making things with my hands. I work at GitHub on design
systems and accessibility, and I spend a lot of my time thinking about
generative design tooling.


NEATNIK

Open Menu Home Welcome to the internet home of Neatnik LLC, an itty bitty indie
web concern by Adam Newbold (that’s me!)


BEEM — A THINKING MACHINE FOR HUMANS.

We're calling it Beem. Beem respects your privacy, and uses your data for you.
Not us, or money-hungry advertisers.


RAYYAN TARIQ




HTTPS://PAPER.MMM.DEV/




ZAG - RAPIDLY BUILD UI COMPONENTS WITHOUT SWEATING OVER THE LOGIC. - ZAG

Today, design systems are becoming a very popular toolkit for companies to
create a cohesive and accessible user experience for their customers. With the
rise of component-driven development, there's an endless re-implementation of
common widgets (tabs, menu, etc.) in multiple frameworks.


MD LÓRIEN · MASS-DRIVER™




VIEWPORT UI - UI CURATED EXPERIENCES FOR YOU INSPIRATION.

Shiny badges explorations by @DelayDesign


LENS PROTOCOL DOCUMENTATION

Scalable social on Ethereum. Powered by zkSync. Learn More


CAPACITIES – A STUDIO FOR YOUR MIND

Product Learn FAQs Pricing Roadmap PKM


RECENT WORK — KAROLINA S.

★ I acknowledge the traditional owners of the land where I live and work, the
Wurundjeri Woi Wurrung people. I pay respects to Elders past and present.


ZACHARY HAMED - BUILDING CLAY, PREVIOUSLY GOLDMAN SACHS MARQUEE | FORBES 30
UNDER 30 | HARVARD




NEXT PLAY

We help people find their next play by sending opportunities, hosting
gatherings, and curating content. Everything is off the record and confidential.
Join world-class people from Stripe, OpenAI, Notion, Retool, Y Combinator,
Rippling, Silver Lake, Sequoia, SpaceX, Figma, Replit, Nasa, Coinbase, Airbnb,
Instacart, and more.


PRODUCT DESIGN, RESPONSIVE WEB DESIGN, UX DESIGN, BELFAST NORTHERN IRELAND |
JORDAN MOORE




CANTRELL TYPE

Kokomo


THE PEDAGOGIES OF EARTHSEA, OR WAYS TO BECOME A WIZARD.

A few weeks ago, my classmates and I voyaged together through Ursula K. LeGuin’s
A Wizard of Earthsea for our Modern Fantasy class. This was my very first foray
into LeGuin’s world of the Archipelago, and I am still amazed at her smooth
storytelling.


EXA API

For queries that need semantic understanding, search with our SOTA web
embeddings model over our custom index. For all other queries, we offer
keyword-based search.


DESIGN SPELLS · DESIGN DETAILS THAT FEEL LIKE MAGIC




GRANOLA — THE AI NOTEPAD FOR MEETINGS




CSS CALC-SIZE() FUNCTION - CHROME PLATFORM STATUS




BLOGGERS ON BLOGGING

Bloggers on Blogging © 2024. Powered by Ghost


FLUID DESIGN WITH CSS ROUND

I feel a little conflicted about fluid typography/spacing. I love how it
simplifies CSS and enables truly responsive design. I always dig a massive,
unapologetic heading that elegantly scales with the viewport.


TIME-BASED CSS ANIMATIONS

In my earlier post Time Uniform For CSS Animation, I took a note about a way to
do CSS animations with time ticks instead of keyframes. It was limited
applicable because CSS lacked the ability of doing complex Math calculations.


DESIGN SYSTEMS HOUSE

mission Delivering design system solutions that work for everyone We at Design
Systems House challenge the belief that all design systems should have
permission to be different.


BLOGROLL

I don’t know all these folks, but visiting personal websites and blogs is my
favorite part of the day. By no means exhaustive of the RSS feeds I’ve collected
over the years, I went through and picked out these that still get updated with
some frequency.


RELEASE HOTLINE FOR MAC B18 · MIERAU/HOTLINE

An attempt to resurrect Hotline for modern Apple systems (iOS, macOS, etc) by
completely recreating it in Swift and SwiftUI.


HOW TO NAME DESIGN TOKENS

Design Tokens Naming Playbook


KOSMIK PRODUCT




CHAOS WITH A SPREADSHEET




PREVIOUS AND NEXT LINKS FOR MY DAILY NOTE IN OBSIDIAN

I am still using Obsidian pretty heavily. I use the Daily note plugin to create
a daily note which anchors all the links to stuff I’m working on and doing in a
particular day. I wanted better navigation between days without having to keep
the calendar plugin open, and decided on this little snippet -


SUPERWHISPER

Is there a free trial? You can try the Pro features for 15 minutes free, after
that the free tier features are available to you forever.


GREAT ESSAYS · APPLIED CARTOGRAPHY

Published 2024-02-10 • Parse, don't validate (2017)


GITHUB - PRIMARY-THEME/OBSIDIAN: COMFY, PLAYFUL BUT PRODUCTIVE THEME FOR
OBSIDIAN. "PRIMARY INSTANTLY PUTS YOU IN A RELAXED STATE THAT OPENS THE DOOR TO
CREATIVITY AND EXPLORATION. WONDERFULLY EXECUTED DOWN TO THE SMALLEST DETAILS,"

Winner of Obsidian October 2021's Best Theme ✨ Primary is soft, chewy,
comforting — like a chocolate chip cookie, or a warm brownie.


BUILDING ACTIVITYPUB

We had it pretty good for a while, back there. The early days of the web were
chaotic, free, and open. Everyone published unique content on their own domain.


PRINTING MUSIC WITH CSS GRID – BLOG – CRUNCHER – WEB DEVELOPMENT AGENCY IN
LAUSANNE




WELCOME TO INTERFACE CAFÉ

Hi, I'm Liam—a designer at Google working on Material Design. Before working on
Material's adaptive capabilities full-time, I spent most of my time as a Senior
Design Advocate. Before that, I led design at touchlab in New York, building all
kinds of interfaces for all kinds of different devices—from sidewalk kiosks to
sneakers—and plenty of apps on the side.


DESIGN ENGINEER JOBS

Count · 44 As a growing role at tech software companies, design engineers
typically span the boundary between the design and engineering teams.


JOHANNES KLINGEBIEL

Hello, Hallo, Griaß di, My personal projects are focussed on exploring possible
futures for the news media. I write a (German) Newsletter and you can follow me
on Twitter, Mastodon, Are.na, or Instagram.


TUNESHINE – YOUR SPACE, YOUR MUSIC

• Unique LED album art display with wood case • Assembled by hand in Oakland, CA
• 6.3" x 6.3" square LED display, 1.57" thick (16cm x 16cm x 4cm)


HTTPS://SHOTS.SO/SAFARI

In the meantime, please use one of the browsers below


SET

Set is a fantasy role playing world where anyone can query and generate the
entities inside of the world and reference them anywhere. • ➟ Roll an item • ➟
Roll a character


AQUA VOICE - VOICE-ONLY DOCUMENT EDITOR

Dictate, Edit, and Transform using Natural Language. Hit the and start
speaking... What You Said


A SYSTEM TO ORGANISE YOUR LIFE • JOHNNY.DECIMAL

Johnny.Decimal is designed to help you find things quickly, with more
confidence, and less stress. The problem In real life, if you stored your stuff
in piles of badly-labelled boxes you’d never find anything again.


SHIP STORIES, NOT FEATURES — RALLY




WALLAU FONT FAMILY · 1001 FONTS




F.C. VARIABLE - ROB EN ROBIN




UILABS

Website and components designed and built by Embeded Beta Feedback I'm obsessed
with reusing and transforming components to give them new meaning.


CLIIK

Made with Tritan® The highest quality plastic in the world. Ultra durable, super
resilient, and nearly indestructible Tritan® material


DEAD SIMPLE SITES — MINIMAL WEBSITE INSPIRATION




USE THE HUMAN VOICE




REBOOT

We build world-class marketing sites for software startups. We are a tight-knit
team


MIXBOX - NATURAL COLOR MIXING BASED ON REAL PIGMENTS




PROPOSAL: CSS VARIABLE GROUPS (AS A SOLUTION TO SEVERAL DESIGN SYSTEMS PAIN
POINTS) · ISSUE #9992 · W3C/CSSWG-DRAFTS

The whole proposal is here, I have included a summary below. Pain points
(summary) The main pain point is aliasing.


DORIANTAYLOR/RB-INTERTWINGLER: INTERTWINGLER IS AN ENGINE FOR CREATING DENSE
HYPERMEDIA NETWORKS.




SYNTAX HIGHLIGHTING CODE SNIPPETS WITH PRISM AND THE CUSTOM HIGHLIGHT API

Screenshot of the On-the-fly syntax highlighting of [contenteditable] code
snippets demo with DevTools open. Thanks to Prism’s Tokenizer and the Custom
Highlight API, the code is highlighted without the need for a bunch of elements
wrapped around each token.


HORSE BROWSER - THE BROWSER FOR RESEARCH - HORSE BROWSER

Download Horse Browser, a minimalist internet browser that's designed for work.
Organise your pages into lists and workflows so you can switch tasks in seconds
and get more done.


THE SWIFTUI FIELD GUIDE

We built this website to visually explain how the SwiftUI layout system works,
and we hope you find it useful. We welcome any feedback, positive or negative,
so please send us an email if you have anything to share.


ED NIMPKISH: A TYPEFACE LOADED WITH ARTISTIC EXPRESSION - YOUWORKFORTHEM

In the pursuit of exceptional design, the ED Nimpkish font emerges as a beacon
of innovation. It stands at the crossroads of creativity, merging two distinct
typographic styles into one cohesive narrative.


NEAUISMEA




THE EASIEST WAY TO ADD USER ACCOUNTS & PERSISTENCE TO YOUR STATIC SITE.

What is Userbase? Userbase is the easiest way to add user accounts and data
persistence to your static site. All Userbase features are accessible through a
very simple JavaScript SDK, directly from the browser.


ACCESSIBLE NOTIFICATIONS WITH ARIA LIVE REGIONS (PART 1)

This post is a text-only excerpt from my Practical Accessibility video course.
I'm making this chapter (out of 38 total) publicly available simply because I
want an extensive guide to ARIA live regions to be publicly available to
everyone in the community.


REDESIGNING CORMAC MCCARTHY’S BRUTAL ‘BLOOD MERIDIAN’ — THE FOX IS BLACK




APOSSIBLE — HOW CAN TECHNOLOGY BETTER SUPPORT CREATIVITY AND HUMAN FULFILLMENT?




TYPEFACES — COLOPHON FOUNDRY




PIERRE CHANGELOG

What would diffs look like if they were optimized for comprehension? Could we
convey more by showing less? Could we leverage dynamic UI conventions and AI to
let you dig deeper, but only when you needed?


NOMAD HYPERTEXT

A local-first writing app built around semantic search Made by Nicholas Chen at
the Recurse Center Available on MacOS


MAX-BITTKER

Want to become a better programmer? Join the Recurse Center! •*´¨`*•.


STRUT — THE ALL-IN-ONE AI WORKSPACE FOR WRITING

Unlock powerful prompts Skip learning complicated prompts, Strut’s AI Commands
let you instantly pull up powerful AI workflows designed to brainstorm ideas,
generate outlines, review content, create drafts, re-purpose content, and more.


SHEA FITZPATRICK

Introduction I’ve built my website from scratch since 2018 and have taught
myself everything it takes to do so along the way. It’s the most telling
artifact of my relationship to my art practice and professional life over time.


THE LAB — GOOD ENOUGH




DETA SPACE




BEDROCK COMPUTER GAL — AI YOU CAN OWN




CAP-HEIGHT VERTICAL ALIGN — ROMA’S UNPOLISHED POSTS




TODAY, WE SAW




THE WEB IS FANTASTIC

Reading the title you might be thinking "Yeah no shit Robb of course the web[1]
is fantastic it's literally the cornerstone of all commerce and communications
in the modern world". Or maybe you're not thinking that.


RAMS PALETTE.

Colours taken from Dieter Rams legendary product collection for Braun. Made
by Chad Ashley.


I LOVE TYPOGRAPHY (ILT), THE WORLD'S FAVORITE FONTS AND TYPOGRAPHY BLOG/ AND NOW
YOU CAN BUY FONTS TOO




COMRADE — TANVI

OVERVIEW It holds information about the spatial layout of a dialogue.


UDARA'S WORK

Udara Jay Interested in a little bit of everything, but mostly– technology,
genetics and startups. About my studio UNMS↗


THE BEST BOOKS OF 2023

The novelist Ann Patchett is a connoisseur of ambivalent interpersonal dynamics
within closed groups. She is interested in how people, in families and
elsewhere, come to terms with painful circumstances; how they press beauty from
constraint, assuming artificial or arbitrary roles that then become naturalized,
like features of the landscape.


EXPLORING THE FRONTIERS OF VISUAL IDENTITY DESIGN AS ENVISIONED BY SCIENCE
FICTION | SPECULATIVE IDENTITIES

Cyberdyne Systems Year 1995


WARBLER

Bulletin #35 General Notes Warbler Banner


REACT ARIA

Over 40 components with built-in behavior, adaptive interactions, top-tier
accessibility, and internationalization out of the box, ready for your styles.
Bring your own styles.


DAYLIGHT




REVOLUTIONISING THE WAY ART COLLECTIONS ARE PRESENTED ONLINE

•


IA WRITER IN PAPER

This holiday season, we’re excited to introduce the newest addition to the iA
family: iAノートブック, the Notebook for Writers. Watermark lines guide your pen. As
your words come into focus, the lines fade into the background.


INDEX · RAPHAËL AMÉAUME

Bio I'm a freelance creative technologist with 8 years of experience crafting
interactive projects on the web. I specialize in designing and implementing
generative visual systems that leverage the latest web technologies.


MAP OF INQUIRY — CHRISTOPH LABACHER · INTERACTION DESIGNER

Christoph Labacher Interaction Designer • About


DESIGN SYSTEMS DATABASE: SURF AMONG TOP‑NOTCH DESIGN SYSTEMS




FABIEN SANGLARD'S WEBSITE




ALIGNUI DESIGN SYSTEM - BETA




FROM CSS MADNESS TO CSS HOOKS — NSAUNDERS.DEV




NOTION – THE ALL-IN-ONE WORKSPACE FOR YOUR NOTES, TASKS, WIKIS, AND DATABASES.




NOTION – THE ALL-IN-ONE WORKSPACE FOR YOUR NOTES, TASKS, WIKIS, AND DATABASES.




TECHNICAL DIMENSIONS OF PROGRAMMING SYSTEMS

by Joel Jakubovic, Jonathan Edwards and Tomas Petricek Programming is done in a
stateful environment, by interacting with a system through a graphical user
interface.


DESIGN SYSTEMS ARE A FOLK CRAFT




THE SAN FRANCISCO COMPUTE COMPANY

We run affordable pre-training clusters for startups, grad students and research
labs. Today, if you want to get more than 16+ H100s, wired with InfiniBand and
NVLink, you have to buy an expensive, long-term deal.


PARTS




DRAWER ☠️ OH NO TYPE COMPANY




DOT BY NEW COMPUTER

Dot by New Computer is an intelligent guide designed to help you remember,
organize, and navigate your life.

Discover Dot through Mei’s story.


ON STARTING THIS NEIL WILLIAMS

I’m not sure yet what it is yet, where I’ll put it1 or how often. I’ll play
around and find out. A swirl of thoughts and influences have brought me to the
point of at least getting something started:


MIRAGE AT APPLE PARK




SHIP FASTER BY BUILDING DESIGN SYSTEMS SLOWER | BIG MEDIUM

It’s a signature trait of design system teams to believe they’re moving too slow
and must move faster. In Big Medium’s work guiding and building dozens of
enterprise design systems, we see it over and over again:


ANYTYPE — THE EVERYTHING APP

Powerful, no-code creation: Compose anything you can imagine visually Single
objects, infinite possibilities Visualise connections using graph & database
views
falsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalsefalse


TAURUS GROTESK - FOSTER TYPE




CLOUDSCAPE - CLOUDSCAPE DESIGN SYSTEM

Cloudscape offers user interface guidelines, front-end components, design
resources, and development tools for building intuitive, engaging, and inclusive
user experiences at scale.


WEB SUSTAINABILITY GUIDELINES (WSG) 1.0




THE DIGITAL BOOKSHELF OF LEWIS CHASE MCCOY

The digital bookshelf of Lewis Chase McCoy. A digital recreation of my physical
collection of books. 127 books  •  124 authors


CSS LAYOUT GENERATOR




PRINCIPLES OF USER INTERFACE DESIGN

You might also like: "To design is much more than simply to assemble, to order,
or even to edit; it is to add value and meaning, to illuminate, to simplify, to
clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to
amuse." - Paul Rand


MYTHIC COMPUTER IS TRYING TO CHANGE THE PC WORLD ONE WOOD COMPUTER AT A TIME

The computer on Keegan McNamara’s desk is like nothing I’ve ever seen before.
The machine sits on a light wood table, bathed in the sunlight coming into the
second floor of McNamara’s Los Angeles house.


INTRODUCING FIGMA VARIABLES AND A CONSOLIDATED “ALL THEMES” LIBRARY!

The Carbon Design team, in partnership with the IBM Figma guild, has enhanced
our core theme Figma libraries to incorporate the latest feature enhancements
introduced by Figma during Config 2023. We’re most excited about the new
variables feature, which allow us to now apply design tokens in a more optimized
and enriched way than ever before.


EXPLORING EXIF – HARLEY TURAN

According to iOS’ Photos application, I’ve taken 73,281 photos over the past 14
years of owning an iPhone. Each one of those images doesn't just contain the
photo you see as you scroll through the Photos app — it contains a wealth of
information stored encoded directly into the image file itself.


ESM>CDN

over 146,212,192


MARMITE DEFONTES - DIGITAL TYPE FOUNDRY BY GUILLAUME BERRY

/* Fontdue Scripts and Config */ /* Cabin Script - Privacy First Analytics */


EXAMPLES - ARIAKIT

Documentation • Guide • Components


BRICOLAGE GROTESQUE — FREE & OPEN SOURCE VARIABLE FONT

My grandad, pictured here, playing ‘pétanque’. Si il tire ou il pointe, ça reste
un mystère.


TEXTFX

AI-powered tools for rappers, writers and wordsmiths.


486(2023) 92✕60CM

The 486 was my first computer. I got it when I was six years old from my dad.


LIBRA.RE




COMMUNITY MEMORY — ARE.NA




GITHUB - ERTEKINNO/LIBRE-CASLON-CONDENSED: AN OPEN-SOURCE CONDENSED SERIF FONT
FAMILY DERIVED FROM THE BELOVED LIBRE CASLON.

Libre Caslon Condensed is an open-source condensed serif alternative designed to
fill the gap in the market for high-quality condensed serif alternatives. This
font, which is created by modifying the "Libre Caslon Text" font family, offers
a harmonious blend of elegance and readability, making it an ideal choice for
various design projects.


AKIRA BY KATSUHIRO OTOMO - FONTS IN USE




EXTRASET TYPE FOUNDRY

4 Styles, 20 Sets


MYTHIC COMPUTER CO.

Hardware: carefully selected electromechanical parts, full-grain Italian
leather, and hardwood. Software: customized — whatever you need for a serene
experience. Nothing more, nothing less.


INTRODUCTION 🐢 SHELTER PROTOCOL




MAESTRAL

Open source Dropbox client Maestral is a lightweight Dropbox client for macOS
and Linux. It provides powerful command line tools, supports gitignore patterns
to exclude local files from syncing and allows syncing multiple Dropbox
accounts.


METAPHOR

companies working on fusion recent tweets about biden


TIMELINE OF THE FAR FUTURE - WIKIPEDIA

This article is about the far future as postulated by science. For related
articles, see List of future astronomical events, Far future in fiction, and Far
future in religion. Several terms like "4th millennium" redirect here.


HYPERMEDIA SYSTEMS




PARAGRAPHICA - BJØRN KARMANN




DRAW DOWN BOOKS

See All


ISSUE 001 / INTRODUCING WOOLGATHER

In this issue... In May, mmm.page beta launched. Now 40k members.


MAKE.MD

MIT License Obsidian Plug-in Organize and focus on what's important.


COMMIT MONO. NEUTRAL PROGRAMMING TYPEFACE.




INSIDE THE SECRET WORLD OF NYC'S LAST INTERNET CAFES - YOUTUBE




THE ROOTS OF PROGRESS BLOG-BUILDING INTENSIVE

Write essays about progress. Make progress real. Apply Now


AI.TXT: A NEW WAY FOR WEBSITES TO SET PERMISSIONS FOR AI




APRICOT: A STRUCTURE EDITOR FOR UI

Charles Chamberlain demo.apricot.sh


INTEL ONE MONO, A NEW MONOSPACED FONT FAMILY DESIGNED BY FRERE-JONES TYPE —
AUDACIOUS




KILLING COMMUNITY @ MARGINALIA.NU




NELSON'S WEBLOG: CULTURE / APIS-FOR-CONTENT-SITES-MUST-BE-FREE

Social media businesses should not charge* for APIs. If a company like Reddit or
Twitter derives most of its value from content that users write for free then it
must provide APIs for anyone to download and manipulate that content.


REDDIT CEO STEVE HUFFMAN ISN’T BACKING DOWN: OUR FULL INTERVIEW

Photo illustration by William Joel / The Verge | Photo by Greg Doherty / Variety
via Getty Imagesnone Reddit is fighting for its soul. Many users are in revolt
over API pricing changes that will shut down some of the most popular
third-party Reddit apps, and they’re furious at CEO Steve Huffman after last
week’s AMA that made it clear the platform wouldn’t budge.


COMPONENT LIFECYCLE — SHOPIFY POLARIS

Feedback and suggestions Have feedback, a question, or suggestion? Create an
issue during any stage of a component’s lifecycle.


PSEUDO-BLUE NOISE / JOB VAN DER ZWAN | OBSERVABLE

function split1D(length) { const rootIndices = [];


THE COMPOSABLE ARCHITECTURE TUTORIALS | DOCUMENTATION




DESIGN SYSTEM CONCEPTS - GOLDMAN SACHS DESIGN

These concepts form the underlying functional language that allows the Design
System to use the same terminology across components and create a cohesive
system. These terms are used within our foundations and components to describe
the features and properties and are meant to create a shared language within the
design system.


FOLK (BROWSER) INTERFACES

For the past couple of years I've found myself returning to vanilla Javascript
to build a variety of media interfaces. Ignoring the networked potential of the
internet, I've felt liberated to simply point at local files and enjoy the
multi-media power of the browser as rendering engine.


RFC: ADD NEW ADAPTIVE DENSITY SYSTEM · ISSUE #5510 · MICROSOFT/FAST

💬 RFC Here's a look at some of the history, issues, and updated model for
adaptive density. Apologies for the length.


CHESTER'S GARDEN

Hey there, I’m Chester 👋  Welcome to my digital garden 🌱 I like building
things, and I’m currently helping to build Mobbin. In my free time, I enjoy
brewing coffee, tending to my plants, and climbing (plastic) rocks.


A WEBSITE IS A MACHINE YOU LEAVE OUTSIDE




AMMDI: ROAMAWAY

I migrated away from Roam because the company treated me poorly when I was a
customer of theirs. So this is partly spiteware . Other people want to leave for
different reasons; the expense of Roam is one, the necessity of trusting your
private thoughts to some random cloud company is another.<iframe
id="remarkbox-iframe" src="https://my.remarkbox.com/embed?


FUNCTIONAL DOCUMENTATION: HEYDONWORKS

Some collected thoughts and ideas around applying a functional approach to
writing and maintaining documentation, especially for design systems. In
programming, you have these things called functions.


TANA – THE EVERYTHING OS




TIBLO

Plan each hour of your day


ARCADE GAME TYPOGRAPHY - READ-ONLY MEMORY




SPINNING DIAGRAMS WITH CSS

Harold Cooper


AN INTERNET CANVAS




DIALOGS, MODALITY AND POPOVERS SEEM SIMILAR. HOW ARE THEY DIFFERENT? |
HIDDE.BLOG

Web platform concepts can sometimes be quite different, yet seem very similar.
Semantics, behaviours and characteristics can be tricky to distinguish. In
addition to the


NN KNIT GROTESK — KNIT GROTESK - KNIT

Made for Knitting made for knitting Made for Knitting made for knitting Made for
Knittin
g de for knitting Made for Knitting made for knitting Made for Knitting
made for knitting www.nouvellenoire.ch


MAKE SOMETHING WONDERFUL | STEVE JOBS




REDUCT INTERFACE RESEARCH GROUP

Reduct / Interface Research Group Exploring new media for interacting with
information


ORIGINS




ARC’S MOBILE BROWSER IS HERE — BUT IT’S NOT TRYING TO REPLACE SAFARI AND CHROME
YET - THE VERGE




THE KOTTKE.ORG ASK ME ANYTHING

I ended up getting more than 330 questions from people all over the world.
Instead of writing a post or two with some of my answers on the main blog, I
thought it would be more fun to build a proper home for the AMA here.


MOONLIGHT

For transformative social rituals Nice to meet you! NICE TO MEET YOU!


CHATGPT PLUGINS

Language models today, while useful for a variety of tasks, are still limited.
The only information they can learn from is their training data.


OPENAI API

Learn how to build a plugin that allows ChatGPT to intelligently call your API.


SYNCING LETTERBOXD DATA TO MARKDOWN FILES

About two years ago I used Xavi Benjamin’s handy blog post display my Letterboxd
diary info on my Eleventy site. At the time I noted on Twitter:


ARE.NA MULTIPLEXER

Are.na Multiplexer


ASK HN: WHAT HAS YOUR PERSONAL WEBSITE/BLOG DONE FOR YOU? | HACKER NEWS




SOMETHING PRETTY RIGHT | RETOOL




RESHAPED - DESIGN SYSTEM BUILT FOR YOUR SCALE WITH REACT AND FIGMA

Pro license Use Reshaped to start from a point where all core challenges are
already solved with our pro license. Get access to Reshaped as we develop it and
tweak anything you feel like.


THE TALK SHOW ✪: EP. 370, WITH JASON KOTTKE




MODERN IOS NAVIGATION PATTERNS · FRANK RAUSCH




SLOTTED CONTENT IN ELEVENTY · DAN CĂTĂLIN BURZO

Some types of template data are awkward to maintain in any of the many places
from where Eleventy can read it. Markdown's front-matter data can hold simple
pieces of information, but becomes unwieldy for rich content.


THE LORD OF THE RINGS AS AN 80'S DARK FANTASY FILM - YOUTUBE




WEB INTERFACE GUIDELINES

24/02/2023 Introduction This document outlines a non-exhaustive list of details
that make a good (web) interface.


7 HOT TAKES ABOUT STAR TREK

1. The Federation is most interesting when it has an ideological foil.


L IVES




SLIDE SCREEN BY LARVA LABS




MANIFESTO FOR (WEB)SITE-SPECIFIC ART

A website is a world. Every website is a world. A website begins and comes to
be, just as worlds do.


BERKELEY GRAPHICS - BT-002 BULLETIN

Bulletin BT-002


‘NOTHING, FOREVER’ IS AN ENDLESS ‘SEINFELD’ EPISODE GENERATED BY AI

Four pixelated cartoon characters talk to each other about coffee, Amazon
deliveries, and veganism as they stand apart in a decorated NYC apartment. There
is one woman and three men who seem to be the animated versions of Seinfeld’s
main characters, Elaine, Jerry, George, and Kramer.


GREASE | GREASE

Fast sites built faster • Get Grease • Instructions


VAL TOWN




CHIA.DESIGN

Internet, Ambience, Gathering


IN THE STACKS (MAISIE'S TUNE), BY ROBIN SLOAN




SHIFT HAPPENS: A BOOK ABOUT KEYBOARDS

It’s a book about typists competing during the Shift Wars of the 1880s;
Nobel-prize winner Arthur Schawlow using a laser to build the best typo eraser;
August Dvorak – and many others – trying to dethrone QWERTY; Margaret Longley
and Lenore Fenton perfecting touch typing; Soviet agents listening to American
keystrokes; women pouring into offices, eager to do more than typing and
re-typing; people aspiring to make the best mechanical keyboard today by
blending the past and the future.


BOOKS ON GRAPHIC DESIGN (AND TYPOGRAPHY)




USING MICROPUB, NETLIFY AND JIGSAW TO PUBLISH NEW BLOG POSTS

I've been wanting to find ways to reduce the friction involved in writing and
publishing posts to this blog. This website is built using Jigsaw, a
PHP/Laravel-based static website builder. I host the site on Netlify, which
automatically builds and publishes the site whenever I push a commit to GitHub.


HOW TO REBUILD SOCIAL MEDIA ON TOP OF RSS




WHY THE SUPER RICH ARE INEVITABLE

Why do super rich people exist in a society? Many of us assume it's because some
people make better financial decisions. But what if this isn't true?


YOU’RE PROBABLY USING THE WRONG DICTIONARY | THE JSOMERS.NET BLOG




THINGS CSS COULD STILL USE HEADING INTO 2023 - CHRIS COYIER

Just a couple of ideas! They came to me while I was poking around thinking of
something to say for Alex Trost’s Holiday Mega-Stream (my segment starts here).
Styleable Resizers


INTRODUCING INDIEKIT: THE INDIEWEB FOR EVERYONE

Today I’m formally launching Indiekit, the little Node.js server with all the
parts needed to publish content to your personal website and share it on social
networks. Think of Indiekit as the missing link between a statically generated
website and the social web protocols developed by the IndieWeb community and
recommended by the W3C.


THE INTERNET WANTS TO BE FRAGMENTED

Five years ago I was sitting around drinking a beer with my college buddy Dayv.
I was scrolling through Twitter and watching people get mad at Donald Trump’s
latest outrage, and I said “You know…fifteen years ago, the internet was an
escape from the real world.


DO ARTIFACTS HAVE ETHICS?

Writing about “technology and the moral dimension,” tech writer and Gigaom
founder, Om Malik made the following observation: “I can safely say that we in
tech don’t understand the emotional aspect of our work, just as we don’t
understand the moral imperative of what we do.


TINY INTERNETS: SIDEWALKS, GEOCACHING, AND MORE · TINY INTERNETS




AND THEN? – THE HOMEBOUND SYMPHONY

As I mentioned in earlier posts, Noah Smith wants to outsource much of the
process of writing, and Derek Thompson wants to outsource his research. In other
news, Marina Koren is bothered by the slowness of 2001: A Space Odyssey, and her
partner wants to watch the movie at 2X speed.


CORY DOCTOROW WANTS YOU TO KNOW WHAT COMPUTERS CAN AND CAN’T DO

Illustration by Yoshi Sodeoka I first spoke with Cory Doctorow two years ago.


DROWNING IN AI GENERATED GARBAGE : THE SILENT WAR WE ARE FIGHTING

All over the web, we are witnessing very spectacular results from statistic
algorithms that have been in the work for the last forty years. We gave those
algorithms an incredibly catchy name: "Artificial Intelligence".


JODOROWSKY’S TRON




A SPACEBAR FOR THE WEB | THE SOLAR MONK




REIMAGINING A TOKEN TAXONOMY

Design token dreams have turned to reality across most design systems.


ANHVN DOT COM

• welcome to my website! • i’m anh ✨


HOME

Topics


WEB TECHNOLOGY OPTIMISM HOUR - MACWRIGHT.COM




SMALL HEADINGS

A standard heading: large, eye-catching text. It announces a new topic,
organizes your writing, helps the reader skim. A small heading: it blends into
the text.


GET BLOGGING!

A blog is an easy way to get started writing on the web. Your voice is
important: it deserves its own site. The more people add their unique
perspectives to the web, the more valuable it becomes.


ALI AAS

Ali Aas is a mom, leader, designer and coder.


THINGS I WANT TO DO - CHIA'S BLOG

Reading Time: 5 minutes Particularly things you can help me with: 1.


MARCO CORNACCHIA—PRODUCT DESIGNER IN SF

i think design can change things. i think the things we design are just as
important as the things we choose not to. i think we should design things that
do the things we don't enjoy, and make the things we do enjoy, even better.


THE HISTORY OF USER INTERFACES




DDDDDDDDDZZZZ/OPENSTORIES: THE OPEN STORIES FORMAT.




COLE PETERS — AN INTRODUCTION TO CONSTRAINT BASED DESIGN SYSTEMS




RIGHT CLICK SAVE - ARTICLES - AN INTERVIEW WITH VERA MOLNAR




GITHUB - GFSCOTT/ELEVENTY-PLUGIN-EMBED-TWITTER: AN ELEVENTY PLUGIN TO
AUTOMATICALLY EMBED TWEETS IN POSTS


 This Eleventy plugin automatically embeds Tweets from URLs in markdown files.


CLARK DINNISON

We're empowering everyone to become a seller by monetizing everyday items,
starting with commodities like plastic bottles and aluminum cans. This helps
brands build circularity by aligning incentives and turning their customers into
their suppliers.


HALF-ASSING IT WITH EVERYTHING YOU'VE GOT




SHITE: STATIC SITES FROM SHELL: PART 1/2 :: EVAL/APPLY




THE ULTIMATE GUIDE TO WRITING ONLINE - DAVID PERELL




I FINALLY REACHED COMPUTING NIRVANA. WHAT WAS IT ALL FOR? | WIRED




HOW TO BUILD A GRAYSCALE COLOR PALETTE - CHRIS COYIER

If you wanted to be 100% mathematical and consistently even about crafting a
grayscale color palette, you could create the colors in a math-friendly color
function like HSL, like so: hsl(0 0% 0%); hsl(0 0% 10%);


FORGOTTEN SHAPES




DON’T KEEP YOUR EYE ON THE BALL BUT PRIME YOUR INTUITION (INTERCONNECTED)




HOW INDEPENDENT WRITERS ARE TURNING TO AI




WHY DIDN'T SUICIDES RISE DURING COVID? - WORKS IN PROGRESS




FILM: THE STREET NETWORK - WORKS IN PROGRESS




INSIDE CUBA'S D.I.Y. INTERNET REVOLUTION

by Antonio García Martínez | photographs by Lisette Poole 07.26.17


JZHAO.XYZ

Hello there, traveller of the web. You must be tired from your journey. Come,
sit!


INTRODUCING BOOSTS




THE FUTURE DESIGN INFORMATION · KLIM TYPE FOUNDRY




GÖTZ BACHMANN’S ETHNOGRAPHIC RESEARCH ON DYNAMICLAND — CHRISTOPH LABACHER




OVERVIEWS AND PROMOTIONAL MATERIAL: 1982-1991




BROWSERNOTE

a to-do web app created for the purpose of learning javascript in which the
designer enjoys how cute it is


CONSTRAINT SYSTEMS

Nest An experimental webpage-builder. Add content like a text document.


IF YOUR PAY IS NOT YOURS TO KEEP, THEN NEITHER IS THE TAX | AEON ESSAYS

Some radical libertarians hold that all taxation is immoral, on the grounds that
it amounts to the state stealing the money of private citizens. This is an
extreme position, but the sense that tax involves the government taking ‘our
money’ is ubiquitous, and hugely influential in real-world politics.


METAMUSE: 27 // PLAYFUL SOFTWARE WITH RASMUS ANDERSSON (1H22M)

April 1, 2021 82 minutes Design and engineering polymath Rasmus Andersson joins
Mark and Adam to talk about his new project, Playbit.


WRITING AND LIGHTNESS




15 RULES FOR BLOGGING, AND MY CURRENT STREAK

My current streak: I’ve now been writing new posts for 24 consecutive weeks.
Multiple posts a week. How on earth?


THE APPS I USE TO READ AND WRITE FOR THIS BLOG

Because I’ve been asked a couple times recently: I keep up with 345 websites and
newsletters using an app called NetNewsWire. It’s free and I have it on my Mac,
iPhone, and iPad.


THE LONG NOW FOUNDATION

is a nonprofit established in 01996 to foster long-term thinking. Our work
encourages imagination at the timescale of civilization — the next and last
10,000 years —
a timespan we call the long now.


SOME PROBLEMS OF URLS

Background The uniform resource locator (URL) is a data structure and an
associated serialization format that aims to uniquely identify any resource on
the Internet (and other networks). (See also uniform resource identifier (URI).)


SPRING83




SPRING ‘83 | MAYA.LAND




THE OAKLAND FOLLOWER-SENTINEL




MOLLY MIELKE

A few things I've worked on in the past: • ‍Designed collaboration & community
product at Figma • Worked on tools & wrote stories at The Browser Company


BUILDING A DESIGN SYSTEM WORKBENCH

When we were looking for a tool to build a design system with, we couldn’t find
one that fulfilled our needs. So we built and open-sourced our own: DSK, short
for “Design System Kit”.


GUJDRHAWAAENVSW?FORMAT=PNG-NAME=MEDIUM




ANNE CARSON · GLOVES ON!

I used to take pleasure in writing in notebooks, shelves of them, day after day,
year after year. Now the upright…


OPINION | THE REASON TRUMP AND VANCE REALLY HATE BEING CALLED ‘WEIRD’ - THE NEW
YORK TIMES




MUYBRIDGE I IN REAL TIME

Drop a video to start analysis or load an example video


5AE2A02D-EE89-4661-99AC-C810002E88A6_820X1024.PNG




IMAGE.PNG




IMAGE.PNG




GAL528_MD.JPG




CLM-3200X1800-B-015.GIF?QUALITY=75-STRIP=ALL-W=3200-H=1800




MONTECATINI TERME




NEVER BE A PRISONER OF YOUR PAST. IT WAS JUST A LESSON, NOT A LIFE SENTENCE.




TRY/ME









286458677_446851643846691_5164806882362373034_N.JPG?STP=DST-JPG_E35-_NC_HT=INSTAGRAM.FCXH2-1.FNA.FBCDN.NET-_NC_CAT=103-_NC_O...




LOADING INVISIBILITY SEQUENCE




DSC_0695.JPG




TUMBLR_M6FAMDFZZZ1R6DQVSO1_1280.JPG




SCREEN-SHOT-2021-01-28-AT-2.34.42-PM.PNG




SCREEN-SHOT-2021-01-28-AT-2.37.23-PM.PNG




UNNAMED.GIF




EFLREJCWWAC9YEU?FORMAT=JPG-NAME=MEDIUM




PAINTING BY CHRIS CONSANI (1984)

1984 Chris Consani


HENRY HEFFERNAN - SOFTWARE ENGINEER

I’m Henry, a Software Engineer based in NY. Rensselaer Polytechnic Institute
Graduate with my B.S. in Computer Science, currently looking for a full time
role.


SUPAH

Fabio Ottaviani. User experience designer & front-end developer.


NICK JONES - FREELANCE DESIGN, PROTOTYPE AND CODE

The Portfolio of Freelance Designer Nick Jones


ELI.WTF

The home of Eli Fitch, a front end developer who likes making weird things with
emerging web technologies.


HOME - ILITHYA [DIGITAL ARTIST, TECHNOLOGIST, CURIOUS HUMAN]

Happy freelancer with a keen interest in the arts, design and technology.


SHANTELL MARTIN

Autobiographical and dreamlike, Shantell Martin bridges the fine art and
commercial world, as well as the objects, places and conversations of the
everyday experience.


SIMON KOMLOS

Born in Budapest, Hungary in 1995, Simon Komlos is a designer, engineer, artist,
and entrepreneur. Inspired by contemporary and historical culture, he combines
the fields of art, craft and design.


LYNN FISHER

Lynn Fisher is a web designer, CSS developer, and artist from Phoenix, Arizona.


KATHARINE JIANG

Blend


MATTHEW P MUNGER

Media professional turned web design freelancer with a love of travel and
experiencing other cultures. Remember that life is a journey: just keep moving.


WENDI YAN

New media artist, documentary filmmaker, historian of science. Thinking about
the boundaries of the self.


JULIAN.DIGITAL

julian.digital


OKLAMA

twitter / instagram / facebook / youtube


MÁLÀ PROJECT

MáLà Project is a Chinese restaurant founded by four friends with a mission to
deliver joy through the flavors of Sichuan cuisine. Michelin Bib recommend since
its first year open, it’s a place to gather round with friends and family.


AGAIN, AGAIN

Again, again by Rachel Meade Smith If I had a motto, it would be: no new things
unless they’re old. The world is overfull, brimming with junk, the kind we can
hold and the invisible kind that satur…


LUMINAIRE · MAKING SOFTWARE WEIRD &AMP; FUN

making software weird and fun


TRUE STUDIO —&NBSP;CARGO EXAMPLE SITE

Cargo


AIM: AI INSTANT MESSENGER

Chat with an in-browser Vicuna LLM model


ANNE LEE STUDIO

Experimental digital design agency working across digital products, UX / UI, web
design and creative coding.


PUBLIC ACCESS MEMORIES

virtual net art gallery


A TINY MUSEUM OF MAMMOTH TECHNOLOGIES

Cargo


MARY MAGGIC OFFICIAL

Cargo


RUNWAY FINANCIAL

Business planning, designed for humans


ABOUT ~ KYLE TURMAN

Well wouldn’t you know it, it’s the digital home of the one and only, darn
tootin-est, people-centered software designer, Kyle Turman.

Does anyone know who was the architect/designer of the early Flickr URL scheme?
It was so clean and nice it honestly inspired me for life.

(Writing from a work meeting about making URLs better/nicer/more portable.)

— Marcin Wichary

tempted to write a debunker of
https://www.notboring.co/p/why-the-democrats-lost-tech but i shouldn't do it,
right, it's not worth it

— Tom MacWright

I made a major version update to the <click-spark> Web Component and it's now
available as an npm package ✨

- Contains sparks to the dimensions of the custom element's parent.
- Correctly captures spark position on page overflow.

Give it a click, let me know if I missed anything:
https://github.com/hexagoncircle/click-spark

— Ryan Mulligan

Had a blast putting extra alternates and ligatures into Dragönsteel, our latest
type release. #sbfonts

https://simplebits.shop/products/dragonsteel

— Dan Cederholm

#CSS now has `round()` and it's a big deal!

unlike say, Sass `math.round()`, this is much more powerful because it can round
across units, and at runtime.

this is super useful when you have something like a percentage value that
normally evaluates to a fractional pixel value.

```
top: 50%; /* computes to 662.27px */
top: round(50%, 1px); /* computes to 662px */
```

rounding such values will make them fit better in the pixel grid, avoiding
potential blurring issues on some (windows) devices

— Mayank

Have you often felt like fluid typography is just a bit too fluid? No one wants
their fonts to get soggy and moist! Media-query breakpoints had all the jumpy
crunch you long for, but they just take up too much space? Well you're in luck!

Try my new Un-Fluid Typography™️

https://codepen.io/miriamsuzanne/pen/dyBGVjq?editors=1100

— Mia (CSS workshops available)

"Cards with inverted border-radius" by Kristen

https://codepen.io/kristen17/pen/pomgrKp?editors=1100

— CodePen

— Ian Smith

- I like CSS partials
- I like layering partials on import
- I like avoiding build steps

The simplest option is:

<style>
@layer reset, config, etc;
@import url('reset.css') layer(reset);
@import url('config/colors.css') layer(config);
@import url('config/sizes.css') layer(config);
@import url('config/fonts.css') layer(config);
@import url('default/type.css') layer(default);
/* etc… */
</style>

But I have a decades-old fear of 'too many' imports. Is that a real, modern
concern?

— Mia (CSS workshops available)

> consider the things we might be losing when we impose structure,
standardization, and processes. We might have gained a useful map, but we would
have lost the creative perspective that each of the pieces represents.

Loved this perspective, along with the accompanying idea of the tension between
expressiveness and scale: the more of one, the less of the other.
https://mastodon.social/@chsmc/112651155575089973

— Jim Nielsen

anyway it's available here, and you can download it in releases! (you don't need
an api key to use the 4 built-in apps)

https://github.com/nate-parrott/infinite-app-store

— nate parrott

spent a few hours polishing up my RegEx Poetry Machine! please feel free to poke
around 💝

> Place two words in a space. What does the topography look like, to traverse
between them? Where do meanings fold and multiply? What can we imagine if we
draw the two together like shards of coloured glass?

https://kayserifserif.place/regex-poetry-machine/

— katherine

math notes look so nice for jotting down ideas - feels a little bit like the
"programmable ink" demo from Ink & Switch

https://www.inkandswitch.com/inkbase/

#WWDC24

— Bryan Clark

Great write up from @chsmc. Like everything I intuitively thought I was gonna be
able to do with css animations/transitions when they first came out is now
possible (looking at you display:none and you height:auto)

https://chasem.co/2024/05/css-animations/

— Jim Nielsen

Excited to share that my team (Spectrum CSS at Adobe) is hiring two Design
Engineers!

Spectrum CSS is an open source, web-focused translation of the Spectrum Design
System & these are "front-of-the-front-end" roles! You'll work alongside
@castastrophe & myself to build HTML and CSS for components that power things
like Photoshop Web, Illustrator Web, and many more.

I'm biased, but this is a great team filled with wonderful people and we're
excited to be growing!

https://adobe.design/jobs/job-posts/prototyping-and-engineering/r145921-design-engineer

— Patrick Fulton

reading this fascinating article about a woman in Texas who won a seat on the
local school board by promising to review the entire curriculum for Leftist
Indoctrination and then actually actually reviewed the entire curriculum

https://www.texastribune.org/2024/05/15/texas-granbury-isd-school-board-courtney-gore/

— slut-shame a badger

"The student left is the most reliably correct constituency in America. Over the
past 60 years, it has passed every great moral test American foreign policy has
forced upon the public, including the Vietnam war, apartheid South Africa, and
the Iraq war."
https://www.theguardian.com/commentisfree/article/2024/may/13/campus-gaza-protests-student-protesters-role-history

— Taylor Lorenz

Are you interested in Masonry layout?? Graphic design on the web?

We just published a 4,000 word blog post investigating the current stage of the
Grid Level 3 specification and all the amazing things you can do with it:
https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

If you design or build websites, please read and chime in with your thoughts.

— Jen Simmons

@louie ah, here's an example:
https://cohost.org/BarleyDog/post/5446532-landmark-mulch-e

there's a whole `#css crimes` tag, too!
https://cohost.org/rc/tagged/css%20crimes

— Hawken

linked to my unpopular recipe blog opinion... that it evinces deep
self-centeredness to complain that the convenience of your drive-by usecase
should be prioritized over the varied considerations that can lead the author to
include a bunch of non-recipe stuff ("waaa why do i have to scroll past your
life story to get the recipe i'm not paying you for"). in that case, I'm very
confident I'm right, but there's some material analysis pointing as to why – I
don't have that for "the web" in general

— maya 🫐


MERE DESCRIPTION

Describing what we see is harder than it seems, as it requires careful
observation and interpretation. Good descriptions can transform ordinary details
into something beautiful and expressive. Great writing often transcends mere
description by capturing unique perspectives and emotions.


“WEIRD” IS A REBUKE TO REPUBLICAN DOMINANCE POLITICS

Democrats are using the term "weird" to describe certain Republican behaviors
and beliefs. This includes their intense focus on issues like women's rights and
family control that seem disconnected from reality. The term serves as a way to
highlight what they view as extreme or nonsensical actions by Republicans.


DIGITAL TOOLS I WISH EXISTED

The author expresses frustration with the difficulty of finding, organizing, and
sharing digital content, which often leads to feeling overwhelmed. They wish for
digital tools that streamline content processing, improve recommendations, and
enhance note-taking features across various formats. Ultimately, the goal is to
create a more efficient way to discover, retain, and share knowledge in a
digital world.


HOW “INDUSTRY” MADE PRESTIGE TV FOR THE TIKTOK ERA | THE NEW YORKER

The show "Industry" blends the fast-paced world of finance with TikTok culture,
introducing characters who balance corporate life with social media fame. Its
third season is marked by energetic storytelling and a frenetic style, appealing
to viewers with quick plot twists and high-intensity visuals. As the series
evolves, it reflects a modern attitude where ambition and self-promotion
dominate the workplace.


THE ART OF DITHERING AND RETRO SHADING FOR THE WEB

This article explains how to use dithering techniques in web graphics to create
a retro shading effect. By analyzing pixel luminance and applying a Bayer
Matrix, the technique allows for a greater perception of shades in a grayscale
scene. The author also discusses color quantization and various methods to
enhance visual details while maintaining a unique aesthetic in 3D art.


EVERYTHING THAT TURNED OUT WELL IN MY LIFE FOLLOWED THE SAME DESIGN PROCESS

To create a fulfilling life, pay attention to what makes you feel alive and
adjust your path based on the feedback from your experiences. Instead of forcing
a specific vision, embrace the unfolding process by observing your context and
acting on new information. With practice and a willingness to adapt, you can
design a life that aligns with your true interests and values.


TELEVISION (PUBLISHED 1971)

Television serves as a crucial escape for many Americans, providing
companionship and relief from loneliness. Despite its negative reputation, it
has become deeply integrated into daily life, often replacing real human
connections. While some viewers are aware of their addiction to TV, they
struggle to disconnect from a medium that offers constant entertainment and
distraction.


15 CRAFTING THE NUT

The nut graph is a key part of an article that summarizes its main focus,
including important details like who, what, when, where, why, and how. It is
usually one or two sentences long and helps guide the structure of the entire
story. Crafting a strong nut graph is crucial for effectively communicating the
article's purpose to readers.


THE WAY WE INTERACT WITH APPS IS CHANGING, SO SHOULD THE WAY THEY ARE DESIGNED.

The way we interact with apps is evolving, requiring a new design approach that
focuses on actions rather than just phone interfaces. Designers should
prioritize understanding user needs and the context in which actions occur, as
apps now exist across multiple platforms. By embracing an action-centered
design, apps can better integrate into the larger ecosystem of devices and
enhance user experiences.


THE 30-YEAR MORTGAGE IS AN INTRINSICALLY TOXIC PRODUCT

The 30-year mortgage in the US is considered dangerous because it ties
homeowners to risky bets on local real estate markets. This system, supported by
government guarantees, can lead to economic instability and inflated housing
prices. As a result, many Americans end up over-invested in residential real
estate, affecting their financial well-being and economic mobility.


DESIGNING DEPTH

Composition is key in visual media, as it transforms a 3D world into a 2D frame
while conveying depth and story. Techniques like "dirtying the frame" with
foreground elements enhance visual interest and emotional impact. In both
filmmaking and software design, adding layers and motion creates a more engaging
experience for the viewer or user.


SHOULD YOU PURSUE A CAREER IN DESIGN ENGINEERING?

The article explores the role of design engineers, who blend design and coding
skills to improve product development. It highlights how they contribute through
prototyping, building design systems, and refining user interfaces. As the field
grows, there are increasing opportunities for individuals to pursue a
multidisciplinary career in design engineering.


MINI-CURE FOR DOOMSCROLLING

The author reflects on the negative impacts of "doomscrolling" through social
media, especially during difficult times. She shares her personal experience of
using a phone lockbox to limit her scrolling and regain a sense of control. The
piece raises questions about the future of social media use, especially for
children, and suggests that change is needed to improve mental health.


WHEN TO DESIGN FOR EMERGENCE

Design for emergence is a paradigm that gives the end-user control and allows
for open-ended design. It is a response to the long-tail problem, where
individual user needs may not appear important enough to invest resources in.
Design for emergence prioritizes adaptability and allows the end-user to
integrate their local knowledge into the design process. It is a departure from
high modern design and user-centered design, which prioritize control and
homogenization. Design for emergence has historical roots and has become
financially viable with the rise of software-as-a-service models. Examples of
design for emergence include HyperCard and modern platforms like Notion and
ClickUp.


PRISM: MAPPING INTERPRETABLE CONCEPTS AND FEATURES IN A LATENT SPACE OF LANGUAGE

Sparse autoencoders can reveal human-interpretable features in text embedding
models. Semantic edits can be made in the latent space of language models for
precise modifications. Automated scoring methods can efficiently evaluate the
quality of features discovered by sparse autoencoders.


IN THIS ESSAY I WILL: ON DISTRACTION

The text explores the theme of distraction through the lens of writing and
reading, touching on the challenges of focus and the allure of diverse
interests. Bouvard and Pécuchet, the protagonists, exemplify the struggle
between seeking knowledge and getting sidetracked by new passions. The essay
delves into the complexities of attention, productivity, and the constant
temptation of distractions in daily life.


THE THING THAT GETS YOU TO THE THING

The author reflects on rewatching the TV show "Halt and Catch Fire," expressing
a deep connection to the characters and their development over the seasons. The
show's evolution, particularly in character dynamics and personal growth, is
highlighted as a significant aspect of its appeal. The author appreciates the
complex relationships portrayed in the series and finds comfort in the realistic
depiction of family dynamics, acknowledging the deep emotional impact of the
characters' journeys. The document emphasizes the show's ability to capture the
essence of personal growth and self-acceptance through the characters'
transformative experiences and relationships.


IMAGE TO PROMPT - HOW TO REVERSE ENGINEER A PROMPT FROM JUST AN IMAGE

The text discusses how to reverse engineer a prompt from an image using AI tools
and techniques. It explores the morality of creating similar images and provides
methods to generate prompts from images. By understanding art styles and using
tools like CLIP, you can create your own images from inspiration found online.


NEW LIBERAL ARTS

The text discusses the evolution of liberal arts in the twenty-first century,
emphasizing the importance of creativity, exploration, and growth in learning.
It also touches on the significance of journalism and storytelling in shaping
society and building community in the digital age. The new liberal arts aim to
integrate various fields, including creativity, media, and culture, to navigate
the complexities of modern life.


TURNING THE TABLES ON AI

Artificial Intelligence is becoming prevalent in tech companies, offering a
"think less" approach. The text encourages using AI to prompt critical thinking
and create original content. It emphasizes the importance of owning and refining
AI-generated content to enhance writing skills.


ROBIN SLOAN: BINDING THE MOON

An interview with Robin Sloan about his novel Moonbound, a sci-fi adventure that
captivates from the first page. Sloan discusses the influence of geography on
the book's creation and how it engages with AI and speculative elements. The
conversation delves into genre, scale, and the importance of "planetary writing"
in storytelling.


LARES SMART HOME ASSISTANT: A TOY AI AGENT DEMONSTRATING EMERGENT BEHAVIOR

Lares is an AI agent in a smart home simulation that can interact with the
environment using function calls. The agent follows user instructions, makes
decisions based on its knowledge, and can exhibit emergent behavior. The
approach showcases how simple AI agents can solve basic problems and may have
practical applications in controlling smart home devices.


WHAT MUSIC DO YOU LISTEN TO WHILE DESIGNING?

Mariana, a Senior Product Designer at Vercel, finds inspiration in her daily
routine, including open water swimming and personal projects. She values taste
and craft in art and design, constantly seeking new sources of inspiration like
traveling and appreciating art. Mariana emphasizes the importance of practice
and exposure to great design for ambitious designers, offering a UI Engineering
course for those interested.


RESEARCH AS LEISURE ACTIVITY

The text discusses the concept of "research as leisure activity," emphasizing
intellectual inquiry driven by passion and curiosity outside traditional
academic settings. It highlights how individuals, including writers and cultural
critics, engage in research as a form of leisurely pursuit to connect ideas and
broaden their understanding. The idea suggests that research can be a fulfilling
and enriching activity for anyone dedicated to intellectual exploration.


UI DENSITY

Interfaces are becoming less dense, focusing on providing valuable information
over time. UI density involves both visual and information density, aiming to
maximize value for users. Designing for UI density involves making intentional
design decisions to enhance user experience.


OPEN YOUR MIND

The document delves into a detailed exploration of how space is perceived and
utilized in design, particularly focusing on digital product design. It
discusses the importance of understanding the purpose of space and how it
relates to surrounding elements, introducing the concept of semantic spacing
tokens for better communication and systematization. The document also covers
the application of density shifts to manage relationships and spacing within
design systems, providing guidelines for using CSS to implement spacing tokens
effectively. Ultimately, it emphasizes the significance of designers using a
shared language to control space and density in designs for a more cohesive and
user-centric experience.


MEANINGLESS CURVES AHEAD

The text discusses the challenge of creating a semantic nested rounding system
for design elements, focusing on how to calculate rounding values based on
element relationships. It explores difficulties in determining these values and
suggests starting from the bottom to establish a base rounding level for all
nested elements. Ultimately, the text concludes that creating a comprehensive
layout system may be more practical than trying to implement a semantic nested
rounding approach.


ON THE IMPORTANCE OF STARING DIRECTLY INTO THE SUN

The text discusses the concept of the "illusion of explanatory depth," where
people think they understand things better than they actually do. It explains
how this illusion can hinder scientific progress by preventing us from realizing
our gaps in knowledge. The author uses examples from history to show how
challenging it can be to uncover the least obvious truths due to our
preconceived notions.


BUILD YOUR OWN HTMX

The text discusses replicating the core functionality of HTMX in a simplified
manner. It emphasizes implementing essential features like triggers and event
handling. The goal is to achieve basic HTMX functionality without worrying about
advanced attributes at this stage.


HEAT DEATH OF THE INTERNET

The internet is becoming harder to navigate with different prices and confusing
content on apps and websites. People are facing challenges like excessive ads,
unclear information, and disrupted services. Overall, the online experience is
becoming more frustrating and complex for users.


A CLOSER LOOK AT PARISIAN STREETS

Haussmann transformed Paris by creating wide boulevards and uniform building
facades for public health and housing needs during the Second Empire. While
initially criticized for monotony, the Haussmannian streets eventually allowed
for architectural expression and ornamentation, reflecting the changing tastes
of the time. Despite early constraints, the regulations were later relaxed,
leading to more ornate and individualistic building designs in Paris.


THE REVENGE OF THE HOME PAGE | THE NEW YORKER

Digital journalism is shifting back to traditional home pages as social media
becomes less reliable. Publications like The Verge and Semafor have seen success
with redesigned home pages. The trend highlights a return to loyal audiences
seeking curated content directly from trusted sources.


THE INVISIBLE SEAFARING INDUSTRY THAT KEEPS THE INTERNET AFLOAT

Ships fix underwater internet cables quickly to keep data flowing smoothly. The
repair process involves advanced technology and skilled crew members. The
industry operates discreetly to maintain the internet's stability.


OH THE HUMANITY

The text discusses why building a startup like Apple with venture capital can be
challenging. It highlights how the mindset of venture capitalists and the
pressure to follow "The Apple Way" can impact startup success. The example of
Humane's struggles and the importance of understanding market dynamics and
customer needs are emphasized.


WHAT YOU NEED TO KNOW ABOUT MODERN CSS (SPRING 2024 EDITION)

This text explains new features in modern CSS, such as Container Queries for
styling based on container size. It also covers topics like View Transitions,
Nesting, and Cascade Layers for more efficient and powerful CSS styling.
Additionally, it introduces concepts like Anchor Positioning, Scoping, and the
color-mix() function to enhance CSS capabilities.


WHEN “SEMANTIC TOKENS” ARE NO LONGER SEMANTIC.

Design tokens are a fundamental practice in design systems, divided into
primitive, semantic, and component tokens, each playing a crucial role in system
creation. Semantic tokens, an abstract layer referencing primitive tokens, are
vital for making design choices while maintaining flexibility. However, the
challenge lies in finding the balance between overly generic or overly specific
semantic tokens to ensure clear intent and scalability across diverse design
scenarios. The key is to establish the right level of abstraction and common
associations to create semantic tokens that are impactful and adaptable to
various use cases within a design system.


BLUESKY’S STACKABLE APPROACH TO MODERATION

Bluesky aims to empower users by letting them shape their online social spaces.
They have introduced Ozone, an open-source moderation tool that allows
collaborative content review and labeling. Users can now run their independent
moderation services within the Bluesky app, offering unprecedented control over
their social media experience. The platform emphasizes safety, customization,
and user empowerment through a stackable ecosystem of moderation services.


DESIGN SYSTEM GENERATIONS

Generational change in a design system involves recognizing triggers for change,
understanding scope, and assessing the scale of the impact on adopters. Changes
can be internally or externally driven, requiring communication,
consensus-building, and planning to ensure a smooth transition. Updating design
assets and code packages, along with documentation, is crucial during a
generational shift. Tools, practices, and testing methods may need to evolve
alongside the design system to support the changes effectively. It's essential
to consider the implications of these changes on adopters, communicate
effectively, and prioritize long-term values to successfully navigate a design
system generation.


OKAY, COLOR SPACES

Color spaces are constructs that help predict color mixes and matches, with CIE
XYZ being a useful one developed in 1931 by the International Commission on
Illumination. Unlike perceptually uniform color spaces like CIELAB, CIE XYZ
struggles with creating even gradients and transitions between colors. While
color perception complexities make achieving perfect color spaces challenging,
new models like Oklab aim to improve color tasks in digital contexts by
transforming CIE XYZ data to better fit color comparisons.


DESIGNING FOR SUPPORT TEAMS

Designing for ops and support teams requires a different approach than designing
for consumer apps. When creating dashboards for these teams, it's important to
consider factors such as the user not being the customer, the need for all
relevant information to be on one page, the importance of navigation speed, the
value of consistency in design, the usefulness of keyboard shortcuts, the need
for easy copy-pasting, the benefits of server-side rendering, the value of
logging and displaying actions, the importance of sharing links, the role of
URLs as part of the UI, and the usefulness of exporting to CSV. By considering
these factors, designers can create user-friendly and efficient tools for ops
and support teams.


CORY DOCTOROW: WHAT KIND OF BUBBLE IS AI?

AI is a bubble that exhibits all the hallmarks of a classic tech bubble. The
largest AI models are expensive to make and run, and there is a lot of fraud
within the industry. AI companies are betting that their customers will buy AI
for highly consequential automation and fire workers, but early indicators
suggest that this bet won't pay off. The universe of low-stakes, high-dollar
applications for AI is so small that it may not be enough to keep the commercial
Big AI sector running.


A UNIFIED THEORY OF FUCKS

The author presents a theory of "fucks" in which people are born with a finite
number of them. When they run out, they are gone forever. However, the author
has since revised this theory to include the idea that one can give and receive
"fucks" from others. The author argues that it is important to give "fucks" to
living things, such as people, the environment, and oneself, rather than to
institutions or systems. The author suggests that good work is the art of giving
a "fuck" about the living.


THE "BASELINE" SCENE WAS ACTUALLY WRITTEN BY RYAN GOSLING

In the movie Blade Runner 2049, the "baseline test" scene, which is one of the
favorite scenes of the author, was actually written by Ryan Gosling. The
baseline test is a fictional test in the movie that involves asking
uncomfortable questions to determine if a replicant (synthetic human) is
becoming more human. The author discovers that Gosling used a technique called
"dropping in" to analyze writing from the book "Pale Fire" by Nabokov in order
to understand his character. The technique involves creating a spontaneous,
emotional connection to words, and it is used by actors at Shakespeare & Co. The
baseline test in the movie is a twisted adaptation of this technique, where the
replicant is taught to suppress emotional associations with the text.


IF IT DOESN’T SHIP, THEN IT DOESN’T COUNT

The author reflects on their perspective as a designer and the importance of
shipping their work. They express frustration when their designs are not
implemented or abandoned, feeling like their efforts were wasted. They also
acknowledge the impact on their reputation as a designer if their work doesn't
make it to production. The author sees the importance of learning from these
experiences and improving their skills. Ultimately, they question the purpose of
their designs if they are not out in the world helping people.


SCALING DIGITAL STRATEGY IN COMPLEX ORGANIZATIONS

In this podcast episode, Josh Clark from Big Medium discusses the challenges
that big, complex organizations face when trying to scale their digital design
and delivery. He emphasizes the importance of improving processes to achieve
faster time to market and better outcomes for customers, especially in times of
economic uncertainty. While design systems are valuable for scaling design and
development, Josh highlights that they are not enough on their own. He stresses
the need for leadership commitment and a collaborative process to make design
systems truly effective. Josh also shares strategies for making the financial
case for efficiency-building efforts and aligning them with business goals.


THE FIGMA COMPONENT REVIEW

Test assets using criteria organized in checklists


EIGENQUESTIONS: THE ART OF FRAMING PROBLEMS

This document discusses the art of framing problems, particularly in the context
of decision-making and problem-solving. The author shares their experiences at
YouTube and Coda, where they developed techniques for framing problems
effectively. One example they provide is the "link out" question at YouTube,
where they reframed the debate as a choice between consistency and
comprehensiveness. They also emphasize the importance of finding the right
question (eigenquestion) to guide the decision-making process and highlight the
inclusive nature of framing, which involves incorporating diverse perspectives.
The document concludes by offering tips and techniques for becoming a skilled
framer.


A LIBRARY OF WORDS

Roget's Thesaurus is not just a synonym dictionary, but a unique and interesting
library of words. It was created by Peter Mark Roget, a Victorian polymath, who
wanted to classify and organize words in the English language. Unlike a
dictionary, which explains the meaning of words, the Thesaurus helps users find
words to express ideas. However, many publishers have organized the Thesaurus
alphabetically, which destroys its unique categorization system. The original
edition, with its side-by-side layout and opposing categories, is a more
sophisticated and powerful tool for writers and thinkers.


EIGENSOLUTIONS: COMPOSABILITY AS THE ANTIDOTE TO OVERFIT

Eigensolutions are solutions that generalize so much that they expose links
between seemingly unrelated use cases, in contrast to overfitting, which occurs
when solutions are too specific and don't generalize sufficiently. Designing
eigensolutions requires a shift from linear design to composability, where
solutions are designed as compositions of smaller, more general features.
Creator tools, such as developer tools and design tools, often face challenges
in addressing diverse use cases and balancing UX, use case coverage, and design
effort. To address this, designers can prioritize low floors and high ceilings,
implement higher level abstractions as shortcuts, and consider layering with
lower level primitives. Shipping eigensolutions can be challenging due to the
higher engineering effort required, but they can provide a broader set of use
cases and improve the user experience.


UNTANGLING THREADS

Executive sparring is a form of personalized consulting for senior executives
where the consultant acts as a sparring partner to test and improve the client's
thinking about their challenges. Unlike traditional coaching, executive sparring
focuses on understanding the business domain and organizational environment.
Consultants can acquire the necessary knowledge through the internet, but the
role requires specific temperament, personality, and industry knowledge.
Bookshop.org is an ecommerce platform that supports independent bookstores by
helping them set up digital storefronts and handle inventory and shipping. It
aims to provide an alternative to Amazon's dominance in the book market and
plans to expand into ebooks and partner with other small businesses in the
future.


TAMARA WINTER - THE STORY OF STRIPE PRESS

Tamara Winter is the Commissioning Editor of Stripe Press. We cover why a
payments company has a publishing arm, how Tammy and her team measure success,
and how they make such beautiful books.


TOOLS FOR THOUGHT




WHY WE’RE DROPPING BASECAMP

We at Duke University Libraries have decided to stop using the project
management platform, Basecamp, to which we have subscribed for almost a decade.
We came to this decision after weighing the level of its use in our
organization, which is considerable, against the harms that we see perpetuated
by the leadership of Basecamp’s parent … Continue reading Why We’re Dropping
Basecamp →


EVOLVING THE INFINITE CANVAS

Amelia Wattenberger's personal website


FREEING THE WEB FROM THE BROWSER

The Web is, without a doubt, the most powerful research tool currently available
to man. No longer must researchers comb through endless indices and catalogues
to find what they are looking for.


THE GULF BETWEEN DESIGN AND ENGINEERING

A new set of principles for better workflows when making digital products


THE BOOK OF SHADERS

Gentle step-by-step guide through the abstract and complex universe of Fragment
Shaders.


DESIGN PATTERN HISTORIES

A rough transcript of the talk that I gave at the virtual day of Design Systems
Day on Wednesday 11 October 2023.


BURN BABY BURNOUT

Why do design systems burn us out, and what can we do about it?


WRITING COMPONENT SPECS

Building reusable UI components is a challenging endeavor. A well-defined spec
template and process can help.


THE DESIGN SYSTEM ECOSYSTEM

What does a mature, end-to-end design system look like in a big, complex
organization? What are all the moving pieces, and how do they hang together as a
well-considered architecture? What's required and what's optional? Hold onto
your butts, because we're going to go deep on this one. Let's star


HOW MIGHT WE HELP DESIGNERS UNDERSTAND SYSTEMS?

The Future of Design Education working group on systems outlines the growth of
professional practice from a focus on designing artifacts to also inclu…


CULTIVATING A STATE OF MIND WHERE NEW IDEAS ARE BORN

Solitary work, creativity and larval ideas


MEMEX IS ALREADY HERE, IT’S JUST NOT EVENLY DISTRIBUTED

How to keep an external brain using ideas from 1945 and technology from 2023.


DIGGING INTO THE ODD HISTORY OF BLADE RUNNER’S TITLE

It involves William S. Burroughs and a small-town doctor.


HOW TO CRITICIZE WITH KINDNESS: PHILOSOPHER DANIEL DENNETT ON THE FOUR STEPS TO
ARGUING INTELLIGENTLY

“Just how charitable are you supposed to be when criticizing the views of an
opponent?”


ON SUCCESSOR STATES AND WEBSITES

This month, like everyone online, I have been watching with a mixture of chagrin
and schaudenfruede as platform capitalism digs itself into ever more complex and
narrow burrows. By this I mean it’s really funny how a bunch of very rich dudes
are breaking stuff online and making worse versions of existing products in
response…


HOW TO USE AI TO DO STUFF: AN OPINIONATED GUIDE

Covering the state of play as of Summer, 2023


INVISIBLE DETAILS OF INTERACTION DESIGN

What makes great interactions feel right?


CREATING A FLEXIBLE DESIGN TOKEN TAXONOMY FOR INTUIT’S DESIGN SYSTEM

This article covers how we evolved our tokens at Intuit to create a flexible
taxonomy for a small but powerful set of semantic tokens.


PRINCIPLES OF EFFECTIVE RESEARCH

This essay is intended as a letter to both myself and others, to hold up in the
sharpest possible terms an ideal of research I believe is worth working toward.


ELEGY FOR THE NATIVE MAC APP

Remembering the boom and bust of the Mac platform — and what it means for
visionOS.


LANGUAGE MODEL SKETCHBOOK, OR WHY I HATE CHATBOTS

Maggie Appleton explores the potential of language models beyond chatbots,
suggesting they can serve as helpful tools for critical thinking and idea
generation. She envisions innovative interfaces, like "daemons" that provide
personalized feedback and suggestions while writing. Appleton believes these
models can assist with understanding issues by mapping cause-and-effect
relationships and supporting research efforts.


TOWARDS A BLOGGER PEER REVIEW

Who gets to participate in knowledge production?


ALL THIS UNMOBILIZED LOVE

Straight out of undergrad, I applied to a bookselling job and didn’t get it, so
I started working in tech. By the end of my first year there, I was


VISION PRO

The hardware seems faintly unbelievable—a computer as powerful as Apple’s
current mid-tier laptops (M2), plus a dizzying sensor/camera array with
dedicated co-processor, plus displays with 23M 6µm pixels (my phone: 3M 55µm
pixels; the PSVR2 is 32µm) and associated optics, all in roughly a mobile phone
envelope.


WHY AND HOW TO WRITE THINGS ON THE INTERNET

because you’ll have more awesome friendships • be consistent • suggested post
ideas • setup advice • getting initial readers


SOME BLOGGING MYTHS

Some blogging myths


WHEN YOUR COMMONPLACE BOOK IS A PUBLIC DATABASE

I’ve been a blogger for a little more than 20 years and in that time I’ve
written a little more than 20 books: novels for adults; novels for teens; short
story collections; essay collections; graphic novels for adults, highschoolers
and middle-schoolers; a picture-book for small children, and book-length
nonfiction on various subjects.


NOTES FROM DYNAMICLAND: GEOKIT

I know you've been curious about some of the stuff I've done at Dynamicland.


SILICON VALLEY’S CIVIL WAR

Tech’s leadership is splitting into two elites—and the battle between them will
shape America’s future


HOW IDEAS ARE COMMUNICATED

A white paper is just a PDF is just a Microsoft Word document. Format and medium
affect the legitimacy of the ideas expressed within them.


FUNCTIONAL DOCUMENTATION

I share this view. But I wonder if programming is the only context in which you
should write functionally.


ACTIVITYPUB IS THE NEXT BIG THING IN SOCIAL NETWORKS - THE VERGE

Imagine a world without platform lock-in, where no ban or billionaire could take
down your social network. That’s what ActivityPub has planned.


THE MYTH OF PERFECT EXECUTION

I can't have it all but surely I can have a little bit of everything in exactly
the right proportions?


MAKE SOMETHING WONDERFUL

The online book featuring speeches, quotes, emails, and photographs from the
Steve Jobs Archive.


HOW BOOKSHOP.ORG SURVIVES—AND THRIVES—IN AMAZON’S WORLD

Andy Hunter’s ecommerce platform was a pandemic hit. Now he’s on a mission to
prove that small businesses can scale up without selling out.


ALEXANDER MILLER

When I was a kid, my dad gave me a piece of paper with a grid printed on it. It
consisted of larger squares than standard graph paper, about an inch in size.


THE FU MASTER PRODUCTIVITY CHECKLIST USING THINGS3

The Fu Master Productivity Checklist is designed to guide folks to a point where
they can confidently TRUST their productivity system.


THE AGE OF AVERAGE

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


DESIGN NOTES ON THE 2023 WIKIPEDIA REDESIGN

by Alex Hollender


WHAT BLADE RUNNER IS ABOUT, AND THE NARCISSIST CREATOR RAZOR

Posted on Friday 1 Sep 2017. 2,483 words, 14 links. By Matt Webb.


THE LAST QUESTION

Isaac Asimov was the most prolific science fiction author of all time.


LET'S THINK ABOUT SLOWING DOWN AI

18 or so reasons to reflexively dismiss slowing down AI and why I think they
fail and leave it worth thinking seriously about.


SERVERS, SEWERS, ALIENATION

epistemic status: drafty as hell lol


REDEFINING DEVELOPER EXPERIENCE

For years now, the most popular JS frameworks have carried out intense marketing
initiatives based on the premise of improving developer experience (DX). What is
it about these promises of great DX that is consistently delivering poor user
experiences? Can we change our approach to DX for the betterment of end users?


THERE’S NOTHING UNNATURAL ABOUT A COMPUTER

James Bridle’s Ways of Being wants us to take a fresh look at nature’s
intelligence.


WEB DREAMS

Young punks and Old Media hacks. They're all on the Web chasing the same dream:
money, power, ego-fullfillment - and the quick Sell Out. This is the story of
Suck, by Josh Quittner, the hopelessly conflicted editor of Time's Netly News.


COMPUTERS AND CREATIVITY

How can digital creative tools become better co-creators with human beings?


MENUS, METAPHORS AND MATERIALS: MILESTONES OF USER INTERFACE DESIGN

Why It Is Important to Understand and Appreciate Historic User Interface
Designs. By Boris Müller and Frank Rausch


LAUNCH HN: ROE.AI (YC W24) – AI-POWERED DATA WAREHOUSE TO QUERY MULTIMODAL DATA




SHOW HN: NOUS – OPEN-SOURCE AGENT FRAMEWORK WITH AUTONOMOUS, SWE AGENTS, WEBUI




BASE 3 COMPUTING BEATS BINARY




JAKE SELIGER HAS DIED




SHOW HN: I BUILT MAILHUB – A SCALABLE API FOR SENDING EMAILS WITH EASE NOT TEARS




OTRANSCRIBE: A FREE AND OPEN TOOL FOR TRANSCRIBING AUDIO INTERVIEWS




SONIC PI: RUBY AS A COMPOSITION TOOL




USPS TEXT SCAMMERS DUPED HIS WIFE, SO HE HACKED THEIR OPERATION




CHARGE ROBOTICS (YC S21) IS HIRING MECHES TO BUILD ROBOTS THAT BUILD SOLAR FARMS




GPUDRIVE: DATA-DRIVEN, MULTI-AGENT DRIVING SIMULATION AT 1M FPS




RECENT PERFORMANCE IMPROVEMENTS IN FUNCTION CALLS IN CPYTHON




LAUNCH HN: STACK AUTH (YC S24) – AN OPEN-SOURCE AUTH0/CLERK ALTERNATIVE




DO QUESTS, NOT GOALS




LIBRECUDA – LAUNCH CUDA CODE ON NVIDIA GPUS WITHOUT THE PROPRIETARY RUNTIME




HOW WE MIGRATED ONTO K8S IN LESS THAN 12 MONTHS




FIREFOX SIDEBAR AND VERTICAL TABS: TRY THEM OUT




HOW LONG DOES MUSIC STARDOM LAST? A STATISTICAL ANALYSIS




I GOT ALMOST ALL OF MY WISHES GRANTED WITH RP2350




HOW WE FOUND AND FIXED AN EBPF LINUX KERNEL VULNERABILITY




THE THIRD ATOMIC BOMB




CONFUSION ATTACKS: EXPLOITING HIDDEN SEMANTIC AMBIGUITY IN APACHE HTTP SERVER



security, web


THE HISTORY OF INTERNET PIRACY



video, culture, historical


ANIMATED SYNTAX HIGHLIGHTING, 4K 60 FPS EDITION



web


DJANGO 5.1 RELEASED



python, release, web


CABLES



visualization, art, graphics


VERTICAL LABEL PLACEMENT



design, compsci


Y'ALL ARE SLEEPING ON HTTP/3



networking, api, web, programming


VIDEO WITH ALPHA TRANSPARENCY ON THE WEB



web


ANDY WARHOL'S LOST AMIGA ART FOUND



art, historical


COLOR PICKER AS A TRUSTY REBOUND HOBBY PROJECT



design, show, programming


SQLPAGE - BUILDING DATA UIS ENTIRELY IN SQL



databases, web


10 EXAMPLES WHY CURL IS AN AWESOME CLI TOOL



web, debugging


THE INTERNET IS BROKEN: IDEALISTIC IDEAS FOR BUILDING A GNU NETWORK



pdf, security, privacy, networking, web


INVEST IN INTERFACES



design, hardware


INKBASE: PROGRAMMABLE INK



design, visualization, programming


WHAT WOULD IT TAKE TO RECREATE BELL LABS?



culture, historical


BACK-DATING GIT COMMITS BASED ON FILE MODIFICATION DATES



web, vcs


TZERO: SOCIAL TIMEBOXING FOR IRC CHANNELS



show, culture


ARCHIVING AND SYNDICATING MASTODON POSTS



web


VITALE: LIVE NOTEBOOKS IN VS CODE FOR JAVASCRIPT/TYPESCRIPT, WEB DEVELOPMENT,
AND AI EXPERIMENTATION



javascript, web, nodejs


RENDERING MY WEBSITE WITH SERVO TO TRACK PROGRESS



browsers, web


CONDITIONAL LOGGING WITH QUERY PARAMETERS



javascript, web


WEBSITES ARE BLOCKING THE WRONG AI SCRAPERS (BECAUSE AI COMPANIES KEEP MAKING
NEW ONES)



web, ai


PAOLO MELCHIORRE - DATABASE GENERATED COLUMNS⁽¹⁾: DJANGO & SQLITE



python, databases, web


HTTP/0.9 FROM SCRATCH



browsers, go, web, programming

In many practices, designers face a shift from designing discrete artifacts to
creating conditions in which dynamic systems can thrive and evolve. Designers
must embrace working with *systems of systems* (information-product-service
ecologies, other socio-technical systems, and nature itself). They must also
embrace designing conditions for others to design; the *design of design*
(meta-design, developing platforms on which others build).

— How Might We Help Designers Understand Systems? (sciencedirect.com)

hello world