1
CSS Grid Lanes
It’s here, the future of masonry layouts on the web!
New
The latest blog posts to take off on Hacker News. 49 posts.
2
Making Google Sans Flex
Discover the inside story of Google Sans, Google’s iconic brand typeface. From product lockups to code, learn how the Google Sans font family has evolved to solve specific UX design problems.
3
1300 Still Images from the Animated Films of Hayao Miyazaki's Studio Ghibli (2023)
「君たちはどう生きるか」の場面写真を提供致します。 現在、劇場公開中の「君たちはどう生きるか」の場面写真 14枚を、本日から提供いたします。 これまでの分と同様に、常識の範囲でご自由にお使いください。 君たちはどう生きるか14枚 2023.08.04 提供開始 2020.12.18 提供開
4
GitHub no longer uses Toasts
How to ensure updates and messages are communicated in an inclusive way.
5
No ARIA is better than bad ARIA
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
6
Blender 5.0
The Free and Open Source 3D Creation Software — blender.org
7
Blender Lab
Introducing an innovation space within the Blender project.
8
How to create accessible PDFs from the start
Accessibility does not need to be hard. Learn how to create accessible PDFs with Typst without any additional software while reaching new audiences and meeting...
9
Why JPEG XL ignoring bit depth is genius (and why AVIF can't pull it off)
JPEG and AVIF are locked to 8, 10 or 12 bits. JPEG XL works in float32 with the XYB color space, so bit depth stops mattering. Here’s why that helps HDR.
10
The Spilhaus Projection: A world map according to fish
When Mr Lewin began explaining how cartographers addressed the challenge of portraying what is essentially a three dimensional object - the world - on a two dimensional plane - a piece of paper - my eyes lit up!
11
Liquid Glass Is Cracked, and Usability Suffers in iOS 26
iOS 26’s visual language obscures content instead of letting it take the spotlight. New (but not always better) design patterns replace established conventions.
12
The Flummoxagon
We’re excited to announce Flummoxagon, a new geometric puzzle game that might just leave you flummoxed. Imagine a mash-up of Pentominoes and Sudoku. Your goal is to fit all the pieces into the hexa…
13
Ohno Type School: A (2020)
OH no Type Co. Retail and custom typefaces. Life’s a thrill, fonts are chill!
14
macOS becomes iOS: Safari video controls
At WWDC 2018, Apple Senior Vice President of Software Engineering Craig Federighi asked, “Are you merging iOS and macOS?” This rhetorical question was presumably in response to widespread criticism. Federighi's rhetorical answer was, “No. Of course not.”
15
AI tools are making the world look weird
LLMs think WEIRD - Western, Educated, Industrialised, Rich, Democratic. STRAT7 explores what AI cultural bias means for researchers working across global markets.
16
Why our website looks like an operating system
I have a problem with many large, technical websites. Often times, I’ll want to refer to different pages at the same time. So I’ll CMD + click “a…
17
Areal, Are.na's new typeface
An interview with Dinamo’s Johannes Breyer on the custom Arial “revival” typeface.
18
Elegant mathematics bending the future of design
EPFL researchers have developed a new way to design complex, curved three-dimensional shapes using flat materials such as paper, aluminum sheets or plastic, combining creative thinking with a new computational algorithm.
19
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
20
Animated Cursors
Tattoy is a text-based terminal compositor
21
Blender: Beyond Mouse and Keyboard
Get ready for blending on-the-go.
22
Don't animate height
Our app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation! In this post, I show how to find expensive animations, why some are so expensive, and how to make many animations much cheaper. Along the way, we'll learn how the browser renders CSS animations and…
23
Blender 4.5 LTS
With 2 years of updates, full Vulkan support, and quality-of-life improvements, Blender 4.5 LTS is every Blenderhead’s best friend.
24
When Figma starts designing us
The subtle ways in which design tools shape how we think and what we make
25
Don’t use “click here” as link text (2001)
Both of these sentences divulge too much of the mechanics of getting the Amaya software. If you want to call your reader to action, use something like:
26
The hamburger-menu icon today: Is it recognizable?
Hamburger menus are a more familiar pattern today than 10 years ago, but the same old best practices for hidden navigation still apply.
27
Visual History of the Latin Alphabet
Interactive visualization of the history of the latin alphabet, showing the temporal and formal relationships of the different scripts and typefaces to each other
28
Apple introduces a universal design across platforms
Apple previewed a new software design, crafted with Liquid Glass, that makes apps and system experiences more expressive and delightful.
29
How to have the browser pick a contrasting color in CSS
Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out whether black or white should be paired with that color?
30
Material 3 Expressive
Google's research reveals how expressive design improves UX, usability, and evokes positive emotions in users