Web Dev stories

Uniting Designers and Developers for Better Collaboration

Is there such a thing as harmony between designers and developers in the workplace, and if so, how can it be achieved? In this article, Chris Day explores the challenges of effective collaboration, outlines the key factors at play, and (hopefully!) empowers you to find the right solutions to help you and your team deliver to their full potential.

CSS Masonry in Modern Browsers

The trick during the talk — that I made this site for — was that the grid is actually progressively enhanced with masonry where browsers support it, but no one in the audience would have known that had I not told them. It’s the magic of progressive enhancement: everyone gets a fantastic experience, so they don’t even consider if they are getting the “best” experience. They already are because everything works for…

Elevate your design with transition border-image-outset

With transition border-image-outset, you can dynamically expand borders to any size or side, all while incorporating gradients.

Best Practices for Website Maintenance

The web is in a constant state of change. What we build today will inevitably need to adapt tomorrow. And the challenge of keeping up is only growing.

Headless UI v2.0 is Out!

As we’ve been working on Catalyst these last several months, we’ve been making dozens of improvements to Headless UI that let you write even less code, and make the developer experience even better.

Diving into New Horizons: CSS Masonry, Music with CSS Grid, and Product Value

Luke Wroblewski is talking product value, and Raymond Camden is exploring chat integration with Google Gemini. And of course, so much more!

Software Engineering as Design

Simplicity is a principle to follow in design. Overcomplicating your design won’t make it better in most cases. Beautiful designs can be created from the simplest ideas. Sometimes, good ideas become useless due to over-complication.

20 Best Websites for Free Bootstrap Templates

This is a roundup of the best websites where you can find and download free Bootstrap templates. We’re focusing on vanilla JS templates that don’t use any frameworks. These high-quality items will power up your websites, landing pages, blogs, portfolios, e-commerce, and dashboards.

Enhancing Navigation with CSS Animations for Scroll Progress Indicators

In this article, we’ll use a view() animation, combined with a CSS custom property declared with @property to create a “currently-viewing” and section-based progress indicator for each section of a page. This kind of thing can be useful, for example, for a long documentation page so a user can see where they are in it, and how far through their current section they are. Kind of like a reading-progress bar, but smarter, as it is aware…

The Rise of Server Components

We love client-side rendering for the way it relieves the server of taxing operations, but serving an empty HTML page often leads to taxing user experiences during the initial page load.

1 2 27 28 29 30 31 74 75

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.