Web Dev stories

Framer Motion Evolves—Say Hello to Motion

Writing that feels pretty wild. Making Framer Motion has been the best job of my life. To do so for six years within the best product team in the world, both a massive learning experience and a privilege.

Will we care about frameworks in the future?

I’ve a hypothesis that something like these Agents will be how we build software in the future, so as I build these apps I try to never adjust the output, I want to see how far that I can get with the machine creating all the code and so see how far away we are from this future.

Building Digital Tools Without the Hype

I had a fantastic conversation with Jem Sophia today (our first actual conversation after years of talking online!) who pointed me in the direction of this fantastic article. I love the sentiment and the metaphor. Creating software to scratch an itch without any ambitions of ScAlInG and turning it into a capitalistic enterprise.

Create a breakout game with HTML, CSS, and vanilla JavaScript

Let’s create a Breakout game using Vanilla JavaScript. In a Breakout game, the player uses a paddle to bounce a ball and hit bricks, removing the bricks one by one.

On Crafting Painterly Shaders

This article is the culmination of months of work, trial and error, and research to craft the perfect painterly shader for your next WebGL project.

Tooltip Best Practices

Tooltips are used to provide simple text hints for UI controls. Think of them as tips for tools. They’re basically little bubbles of text content that pop up when you hover over an unnamed control (like the bell icon in Stripe).

Creative Approaches to Technical Illustrations

Thomas Bohm rethinks technical illustrations and data visualizations, sharing interesting and uncommon examples of how to present data and information. Bar graphs and pie charts are great, but there’s so much more to explore!

Build an Infinite Horizontal Scrolling Logo Display With Pure CSS

Creating an infinite horizontal logo scroll effect with pure CSS is a simple yet powerful way to add dynamic movement to a website. This tutorial will walk you through building an infinite scroll effect with added hover effects that allow the user to pause scrolling and scale each logo slightly when hovered.

Building Responsive Components with CSS (), Grid, and Quantity Queries

A big thing you need to contend with when working on design systems is anticipating all the different ways someone may use a component. The idea here is that you then preemptively provide sensible behavior and safeguards to keep things working well.

Essential Senior Front End Developer Skills

Front End Development is the practice of creating user interfaces for websites and applications using HTML, CSS, and JavaScript.

1 2 20 21 22 23 24 86 87

Submit an article

You can submit new articles related to web design / development, UX, apps and graphic design. No homepage submissions, no spammy affiliate links will be accepted.
Title
URL

Thank you!

Thanks for submitting your story. We will review it and approve it if relevant.