The five best design links, every weekday

Category: Code

All Categories

adventofcode.com

Advent of code 2024

An advent calendar of small programming puzzles for a variety of skill levels that can be solved in any programming language you like.

mgx.me

Kirby vs. this blog post

Kirby has floated onto my blog post. Inhaling everything.

joshwcomeau.com

A framework for evaluating browser support

Lots of exciting new features have been landing in CSS recently, and it can be tough trying to figure out if they’re safe to use or not.

macwright.com

On not using copilot

A lot of accomplished, productive engineers use them. Adaptability is important for software engineers. Why not dive in?

2024.stateofhtml.com

State of HTML 2024

The 2024 edition of the annual survey about the latest trends in the HTML ecosystem.

zarar.dev

Good software development habits

Writing down what's working for me helps me maintain any good habits I've worked hard to develop.

amygoodchild.com

Coding my Handwriting

How I did it and what I’m doing with it.

donmccurdy.com

Emission and Bloom

Explains the relationship between emission and the bloom post-processing effect, and how to use them effectively in realtime 3D scenes.

frontendmasters.com

DevTools Tips & Tricks

Front-end developers spend a significant amount of time working inside the browser’s DevTools.

hawkticehurst.com

Let it snow – 12 Days of Web Components

Day one of a series of interactive posts that explores the world of web components.

trstringer.com

The Lack of Compensation in Open Source Software is Unsustainable

Even though I’m a software engineer by trade, I’m also a computer programmer by hobby and passion.

mayerowitz.io

A Journey Into Shaders

I finally decided to learn shaders. If you’re curious about what shaders are and how they work, this article is for you.

survey.devographics.com

The State of React 2023 Survey

Take the first ever State of React survey and test your knowledge of the React ecosystem.

viget.com

How We Designed & Built a View Transition Demo

Design and development collaboration shines with Figma's Smart Animate and Astro's View Transition API for seamless web transitions.

uxpin.com

UXPin: Build layouts and UI 10x faster with coded componentsSponsored

Productivity over pushing pixels. Build your product's layout in minutes with ready components. Copy the code, paste in your terminal, and release!

tympanus.net

Animating Multi-Page Navigations

A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience.

getonboard.dev

Onboard AI: ChatGPT with any GitHub repoSponsored

Enter a link to a GitHub repo and quickly understand and navigate it using AI chat. No more copy/pasting code into ChatGPT!

developer.mozilla.org

Introducing the MDN Playground: Bring your code to life!

MDN is launching a code Playground. Users can prototype ideas and expand all live samples into an interactive experience.

smashingmagazine.com

Useful DevTools Tips and Tricks

Let’s discover the most popular DevTools tips that can boost your productivity and revolutionize your debugging workflow.

vadimdemedes.com

Generating income from open source

Ink has been getting some good traction lately and it’s already being used by some well-known companies for a while.