r/webdev • • Aug 12 '26

Resource I’ve been designing products for years. Dev teams still get this wrong all the time.

Post image
1.4k Upvotes

Hey folks wanted to share a small UX rule I use with dev teams that makes this decision much easier.

Use a modal for a short, focused task.

Use a drawer when the user still needs the current screen for context.

Use a page when the task becomes a workflow of its own.

There are exceptions, of course, but this simple rule gets you surprisingly far.

Especially useful when there isn't a designer around.

r/webdev • • Mar 18 '25

Resource Made a Drop-in CSS Framework That Transforms Bare HTML Into Modern Designs

Post image
2.3k Upvotes

Hey everyone,

I often use classless frameworks like water.css for prototypes but wanted some with a slightly different look.

I'm excited to share Classless.css, a new zero-configuration, drop-in CSS framework that instantly transforms plain HTML into a modern design without requiring a single class in your markup: https://digitallytailored.github.io/Classless.css/

Why Classless.css is different from other frameworks

Unlike traditional CSS frameworks that require you to add utility classes, Classless.css works by automatically by targeting semantic HTML elements:

  • Just drop it in - link the CSS file and watch your plain HTML transform
  • Zero classes needed in your markup - keep your HTML clean and semantic (though there are a few helper classess for common things like danger buttons)
  • Modern, polished aesthetic with minimal effort and dark mode support

Perfect Use Cases

Classless.css is ideal for:

  • Rapid prototyping when you need something that looks good instantly
  • Content-focused websites where you want to focus on writing, not styling
  • Blogs and documentation sites that prioritize readability
  • Small projects where you don't need the overhead of a full CSS framework

Simply drop it in, write semantic HTML, and you're done! Would love to hear your thoughts or see what you build with it.

r/webdev • • Jun 01 '21

Resource That feeling when you first discovered `document.designMode`

8.3k Upvotes

r/webdev • • Feb 23 '21

Resource How Spotify makes text on images readable

Post image
8.9k Upvotes

r/webdev • • May 29 '21

Resource Array methods in JavaScript. Original author unknown.

Post image
7.4k Upvotes

r/webdev • • Sep 30 '25

Resource Replit is providing an easy migration path for those looking for Vercel alternatives.

Post image
720 Upvotes

I was genuinely devastated to see Guillermo's post on X. Planning on moving all my work off of Vercel and canceling my account immediately. Hope this is useful for anyone looking to do the same.

r/webdev • • Feb 19 '25

Resource Does anyone need a shitty domain name?

1.5k Upvotes

A few weeks ago I was explaining to a friend what domains are or how you buy one.

While demonstrating that, I added "mynewdomainhahaha.com" to my cart. And left it there, forgot about it.

Fast forward to last thursday, I had to renew one of the domains I have, and didn't realize "mynewdomainhahaha.com" was also in my cart. Now I accidentally bought the most stupid domain name ever by accident.

If you need a silly domain name just give me the NS and I'll update it for you. I won't renew the domain next year, but idk, it is a free domain for one year so maybe someone might have a use case for it.

Edit: thank you all for the suggestions. mynewdomainhahaha.com now redirects to this post.

r/webdev • • Jun 12 '22

Resource SVG Spinners! (code in the comments)

5.9k Upvotes

r/webdev • • Mar 25 '20

Resource Here's a comprehensive visual overview of useful skills to learn as a web developer

4.1k Upvotes

r/webdev • • Jul 27 '22

Resource I found a cool low-code development tool for building models, UIs, and forms. It's extensible, and it comes with a built-in visual reactive flow editor - It's called Microsoft Access, and it came out in 1992.

Thumbnail
gallery
2.3k Upvotes

r/webdev • • Jun 22 '25

Resource When community loves you totally

Thumbnail
gallery
1.3k Upvotes

It looked sassy upfront. Not sure why the community loves it so much.

But appreciate the developer honesty https://www.neobrutalism.dev

r/webdev • • Jun 13 '21

Resource Service Reliability Math That Every Engineer Should Know

Post image
5.3k Upvotes

r/webdev • • Apr 11 '23

Resource Cookies vs local storage - what to use when?

Thumbnail
gallery
1.4k Upvotes

r/webdev • • Apr 05 '19

Resource Front-End Road Map

Post image
2.2k Upvotes

r/webdev • • Aug 24 '24

Resource I made a site with a collection of over 7,000+ SVG icons to add to your project with a copy-paste

Post image
1.2k Upvotes

r/webdev • • May 18 '22

Resource A Visual Reference of CSS Flexbox.

Post image
3.2k Upvotes

r/webdev • • Jun 09 '21

Resource Flexbox CSS Cheat Sheet

Post image
3.6k Upvotes

r/webdev • • May 18 '20

Resource AWS tutorials by an ex-AWS engineer - Interested?

1.4k Upvotes

Hi everyone,

I worked at AWS as a software engineer for a few years. I've noticed some interesting things since leaving:

  • People who want to deploy websites/apps/pages are really, really daunted by AWS.
  • Trying to find AWS tutorials online is just awful. It feels like everything is either a manual, a "12 hour certification course" or an outdated Medium article from 2016.
  • Many people are using Netlify, which is really just a wrapper around AWS, and similar "instantly deploy services".

I've recently helped some friends in the startup world set things up on AWS - mostly deploying static sites. So far, all of them are now

  • spending less money on hosting
  • getting better load time on their sites
  • deploying things pretty much as quickly as Netlify's offering

I'm thinking of writing up some friendly resources/tutorials on using AWS so others can have these benefits too.

Would you guys be interested in this?

If so, please let me know what kind of tutorial you'd like to see. It'll help me decide on the best tutorials to start with. For example, it could be "deploying a static site on S3 + CloudFront".

EDIT: Wow I didn't expect this much attention! I'm trying my best to note down all the info from your comments and messages, but it'd be a huge help if you could also answer in this form I setup quickly: https://forms.gle/SFTuigCBeupeReV2A.

Filling that out will also make it easier for me to distribute tutorials I create to you guys.

EDIT 2: I've been combing through all of your responses and have started preparing a roadmap of tutorial topics, which I'll communicate soon!

From what you've all said, it looks like Youtube and blog posts/articles are the best ways to provide these tutorials to you guys.

I've setup some pages which I'll use to post tutorials if you'd like to subscribe to them in the meantime:

I'll also put up a website (which will include blog posts) real soon! I think that'll be a great way of collating all the channels and resources into one place.

If you think I've missed a distribution channel or anything else, please feel free to DM me!

Lastly, if you signed up on the Google Form, I'll be reaching out soon with updates!

Thanks everyone :)

r/webdev • • Apr 21 '26

Resource CSS image-set() just became the hero we needed

Post image
584 Upvotes

Has been widely available since September 2023

r/webdev • • Sep 02 '26

Resource What are the best tools you’ve discovered over the years?

225 Upvotes

Let’s share hidden gem tools, not the usual stuff that shows up in every "top developer tools" post, but smaller tools and projects that made you think, "wait, this is actually really useful."

I'll start with 3 I've come across:

1. Archify
https://github.com/tt-a1i/archify

Found this recently. It's an agent skill that works with Claude Code, Cursor and Codex and basically turns a codebase into an interactive architecture map.

You can export it as HTML/PNG/SVG/WebM, and one thing I thought was pretty cool is that you can diff the architecture before a merge to see how a PR changes the system.

2. boneyard-js
https://boneyard.vercel.app

Generates skeleton screens from your actual UI instead of making you manually recreate the layout with placeholder components.

Pretty nice alternative to manually maintaining react-loading-skeleton stuff.

3. Gradient Studio
https://gradientsaas.blogspot.com

Simple procedural CSS gradient generator.

Has stuff like mesh gradients, aurora effects and grain. You mess with the settings and copy the result as CSS, Tailwind or SCSS.

I've been using it mostly for quick landing page backgrounds.

What's one tool you keep recommending that somehow still isn't very well known?

r/webdev • • Mar 09 '21

Resource I made a list of 70+ open-source clones of sites like Airbnb, Tiktok, Netflix, Spotify etc. See their code, demo, tech stack, & github stars.

2.2k Upvotes

I curated a list of 70+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Trello, Whatsapp, Youtube, etc. List contains source code, demo links, tech stack, and, GitHub stars count. Great for learning purpose!

More open-source contributions are welcome to grow this list.

I was building this list for a while... Please share it with others 🙏

r/webdev • • Nov 26 '22

Resource Popular Frontend Coding Interview Challenges

Thumbnail
gallery
1.6k Upvotes

r/webdev • • Feb 04 '23

Resource Neumorphism — Tailwind Components ✨

1.3k Upvotes

r/webdev • • Aug 03 '23

Resource PSA to fellow web devs: These exist. We run into this all the time since moving here.

Post image
729 Upvotes

r/webdev • • Apr 06 '20

Resource Web developer learning path

Post image
1.1k Upvotes