1
Draw SVG rope using JavaScript
Transforming a SVG path into a rope drawing turned out to be a surprisingly fun problem to solve. I'll walk you through the process and show you a few tricks that made it work.
New
The latest blog posts to take off on Hacker News. 172 posts.
2
3
Color Formats in CSS
CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose? This turns out to be a surprisingly important decision! In this article, we'll take a tour of color formats in CSS, and see which option will serve us best.
4
User Interface Design: Rules of Thumb
UI design patterns for web apps: 1) Use defaults; 2) Obvious settings; 3) Show progress; 4) Don’t interrupt; 5) Flat hierarchy
5
Things CSS could still use heading into 2023
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 Ya know how a …
6
Don't force users to register before they can buy (2015)
Guest checkout with optional registration on e-commerce sites simplifies the purchase process and invites users to register when they feel comfortable, rather than forcing unwanted registration.
7
How Apple names things
I love the way Apple names things: FireWire, App Nap, iPhone, iPod, EarPod, AirPod, AirPlay, FairPlay etc. It’s playful and there’s a lot of reuse of words and sounds. Having just finished reading the biography of Steve Jobs, I decided to visualize various Apple product and feature names as a network to see this reuse…
8
9
Vintage-Style Map of the Mandelbrot Set
Bill Tavis designed this lovely vintage-style map of the familiar fractal shape, the Mandelbrot set. He is selling a poster version of the map, starting at the
10
Best ecommerce UX practices from mcmaster.com
Discover the 9 best ecommerce UX practices from the world's top B2B ecommerce sites that made the top of HackerNews as the best ecommerce site.
11
3D Printed Film Video Camera
An expensive and unreliable way to record low quality videos!
12
Is Dark Mode Good for Your Eyes? (2020)
I've decided to stop using dark mode across all of my devices, because research suggests that going to the dark side ain't all that.
13
14
Why do new cars look like wet putty?
"Wet Putty" whips are everywhere. What’s behind it? ... a BBSP investigation
15
Framer's Magic Motion
How does Framer Motion make layout changes look seamless? In this post, we're taking a deep dive into FLIP, the technique used by Framer Motion to animate changes in layout without sacrificing performance.
16
We’re making Firefox accessible and delightful for everyone
I joined Mozilla in 2017 as an accessibility engineer and soon became the tech lead for accessibility. But for years prior, I was already deeply involved w
17
Mona Sans and Hubot Sans
Learn how to use and express yourself with GitHub’s open source variable fonts, Mona Sans and Hubot Sans.
18
Interface Ideas for Chat Apps
New interaction ideas for chat UI in mobile devices.
19
Experiment with Penrose Tilings and other patterns
Create And Share Mathematical Tiling Patterns
20
Isometric Pixel Art
Intro Isometric pixel art is based on the isometric projection, which is a method for accurately ‘projecting’ 3D objects into fancy 2D. Unlike perspective drawing, there is no vanishing point in isometric projection. Furthermore, the 3 coordinate axis have equal foreshortening, eliminating the need
21
Tailwind is a leaky abstraction
Although Tailwind does have some benefits, ultimately it’s just one more thing to learn.
22
Front end developers: stop moving things that I’m about to click on
Please. It’s an insult to my brain. Like, you put the button in one place, and then you’re like “nah, let’s move it somewhere else.” Here…
23
Craft
Thoughts on elevating product quality
24
An interactive guide to Flexbox
When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things. Fluid layouts that stretch and shrink without arbitrary breakpoints. In this action-packed interactive tutorial, we'll pop the hood on the Flexbox algorithm and learn how to do remarkable things with it. ✨
25
Tree views in CSS
How to create a tree view (collapsible list) using only HTML and CSS
26
The 12-bit rainbow palette
A palette of twelve colours chosen with consideration for how we perceive luminance, chroma, and hue
27
The Bucks can’t wear cream uniforms because they interfere with digital ads
The reason will almost certainly surprise you.
28
29
Forking Chrome to turn HTML into SVG
I've been working on a program called html2svg , it converts web pages to SVG. It's based on a fork of Chromium to support modern web standards. This post explains most patches.
30
The rabbit hole of adding grain to digital photos
If you don’t know already, I’m the kind of photographer who loves a lot of grain in my photos. I like it so much that I’ve made several videos about