Web Dev stories

Logical Properties in Size Queries

Media queries now support a new range syntax. Instead of writing min-width or max-width, we can use the “greater than” or “less than” operators (> and <), or “greater than or equal to”/“less than or equal to” (>= and <=).

The Timeless Appeal of Posters in Art and Web Design

Posters are among the most common art forms. You probably had a few of them on your wall as a child. They cover the full spectrum of people, places, and events.

Time Travelling CSS With :target

Checkbox and radio button hacks are the (in)famous trick for creating games using just CSS. But it turns out that other elements based on user input can be hacked and gamified.

Personal Websites Are As Vulnerable As Us

I look at some people’s personal websites and think, “Stupendous! If I ever reach that zenith of personal web design, I will call it quits.”

Chrome Performance Tools Drop FID: How to Adapt to the INP Era

While we’re officially closing the FID chapter in the Web Vitals program, the INP chapter is just beginning. Developers are finally taking notice of responsiveness issues that FID just wasn’t capturing. These tooling changes to remove FID help to ensure that everyone is fully transitioned off of it and using INP as the best available metric to improve interaction performance.

CSS Anchor Positioning: Exploring the Latest Updates and Pitfalls

For the last month, I have tried to fully understand this new module and explain it to the best of my ability.

Making My Blog Interactive

What’s the smallest thing that can help you realise that other people are here too?

Creating a custom cursor for your website

I’ve been working on my portfolio website to showcase my work, and I wanted it to stand out with a touch of personality.

Optimizing CSS Animations for Better Performance

You might not be able to see it much in the video, but the FPS drops signficially. As a user, you can really feel this drop in performance. It

Sticky Headers And Full-Height Elements: A Tricky Combination

Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like 100vh. Philip Braunen explores why this happens and presents a solution to fix it.

1 2 3 4 5 60 61

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.