Web Dev stories

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.

From Design to Development Without Translation

Escape siloed design and engineering processes and speed up your product development by using code as your single source of truth. Let’s explore how.

Crafting Prompts and Instructions to Build Full Stack Apps

Can anyone code now? From creating full-stack applications in just 1 prompt, to rolling out entire backends with no developer, looking at twitter, it feels like anything is possible with Cursor! Or is it?

5 Best WordPress Backup Plugins for Data Security

Discover the best WordPress backup solutions for your database and files. Keep your website safe and secure with these easy-to-use tools.

Build a tic-tac-toe game with vanilla JavaScript

Tic-tac-toe is a popular two-player game that uses a 3×3 grid. The players use the symbols X and 0, and try to get three symbols in a row to win the game. Let’s build one with JavaScript!

Integrating AI into UX: A New Frontier for Designers and Developers

Artificial intelligence is transforming industries around the world. UX design hasn’t been left behind either.

Adobe Invites You to Preview the Export and Import Form Data API

We’ve recently released two oft-requested APIs for Adobe Acrobat Services, the ability to both export and import form data from PDFs. These APIs are currently available to our beta program and not generally available, but read on for details on how these APIs work, and how you can sign up to help test them!

Critical Mistakes to Avoid When Starting a New React Project in 2024

React has revolutionized the way we build user interfaces, but with great power comes great responsibility.

Understanding and Using CSS Pseudo-Classes: A Detailed Guide

Whether you’re new to CSS or have years of experience, you’ve likely encountered pseudo-classes. The most commonly recognized pseudo-class is probably :hover, which allows us to style an element when it’s in the hover state, such as when a mouse pointer hovers over it.

Creating Complex Visuals with Grid Displacement

Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.

1 2 26 27 28 29 30 85 86

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.