Collective #591
Inspirational Website of the Week: Six N. Five
A very interesting layout with beautiful transitions and great typography. Our pick this week.
Get inspired
Interactive Toys
A collection of cool interactive demos by Paul Neave.
Check it out
Styling The Good Ol' Button Element
In this article, Ahmad Shadeed walks us through the fine details of a button element and how to style it to ensure that it looks good in all browsers.
Read it
Become a successful freelancer
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning
monica.css
Monica Dinculescu's super-compact and useful CSS framework.
Check it out
Fixing memory leaks in web applications
Nolan Lawson shares his experience with fixing memory leaks in web applications, and provides some examples of how to effectively track them down.
Check it out
Art42
Art42.net showcases an infinite stream of unique AI art from the training of a carefully selected set of cubist art pieces. Based on StyleGAN2. Read some more about it in the HN comments.
Check it out
The Theory: A Semantic Color System
The first article in a series about how the YNAB team works with colors in their design system.
Read it
The Three Graces
Paul Henschel is testing out interactive low-key lighting in this amazing demo. Read more in his tweet and check out the source code.
Check it out
font-variant-numeric: tabular-nums
Sebastian De Deyne shares why he loves "font-variant-numeric: tabular-nums".
Check it out
Don't touch my clipboard
Alex Ellis writes about how you can (but shouldn't) change how people copy text from your website.
Read it
CSS Tutorial: Create Diagonal Layouts Like It's 2020
Nils Binder shows us how to create layouts with diagonal sections in a couple of steps.
Read it
Yelloworld
A beautiful web experience by Onetold Stories.
Check it out
BBC Micro bot
Send a tweet to @bbcmicrobot in BBC BASIC and it will run it on a 1980s 8-bit computer emulation and reply with a GIF.
Check it out
Let's Define CSS 4
Read the interesting responses to the idea of officially defining "CSS 4".
Read it
When CSS Blocks
Tim Kadlec shows why using an outdated preload/polyfill pattern is problematic.
Read it
Intimacy
A beautiful interactive poem composed with images, sounds and text.
Check it out
threejs-nuxt-sample
Misaki Nakano's geometric Nuxt.js project. Find the source code here.
Check it out
macOS Catalina 10.15: Setting up a Brand New Mac for Development
Tania Rascia's great guide on setting up a new Mac for development.
Read it
Svelte-grid
In case you didn't stumble upon it yet: A draggable and resizable grid layout with responsive breakpoints, for Svelte.
Check it out
5 monospaced fonts with cool coding ligatures
Matej Latin explores some nice monospaced fonts suitable for coding.
Read it
YouTube Rewind 2019
Explore the best YouTube moments of 2019.
Check it out