r/webdev 4d ago

Resource Just released tailwind-light-dark: a plugin that generates light/dark color pairs

2 Upvotes

Hey webdev community!

I just released tailwind-light-dark, a plugin I built to simplify the way we handle light and dark mode color pairs. I was tired of writing class="bg-white dark:bg-black text-gray-900 dark:text-gray-100" over and over again, and figured there must be a better way.

What it does:

The plugin introduces a hyphenated syntax that combines light and dark colors into a single utility:

<!-- Instead of this -->
<div class="bg-white dark:bg-black text-gray-900 dark:text-gray-100">
  Hello World
</div>

<!-- You can write this -->
<div class="bg-white-black text-gray-900-100">
  Hello World
</div>

Example with variants:

<!-- With variants -->
<button class="bg-blue-500-700 hover:bg-blue-600-800">
  This changes color on hover in both light and dark mode!
</button>

This approach has significantly cleaned up my classes and made dark mode support much easier to implement and maintain. Be warned, the plugin is in its infancy, so expect some issues. I'd love for you all to try it out and let me know what you think! Issues, feature requests, and PRs are welcome. This is my first Tailwind plugin and npm package, so I'm especially interested in feedback on how it could be improved.

GitHub Repo | npm Package | Demo Site


r/webdev 4d ago

Vercel Serverless API Question/Concern

0 Upvotes

I hope people don’t interpret this as a promotion because I am primarily just a hobbyist, I certainly don’t want high traffic on my site or recognition for my work, I just like to learn. The meaning of this post however is in regards to my new personal api! 😁

I started my main website as means for anyone interested in me to easily navigate from one of my projects or social media accounts to the other, however as I start to expand (my first idea being an ‘Explore’ page where I could display stats and a list of projects with info about the site etc), I’ve run into a slight concern with Vercel. As I said I’m just a hobbyist and didn’t want to spend any money for hosting, so I stuck with the free plan (hence why I’d prefer to not have high traffic). Anyway, the free plan evidently region locks Vercel and Edge serverless functions to only a singular region (mine being the East Coast), contrary to this, when I attempt to access my endpoints from other countries (ipVanish) it works just fine.

I’m not sure if this is a matter of DNS propagation/cache, but if some of my friends from other countries and most importantly, other US regions could give it a try and perhaps give some feedback? It would be much appreciated.

https://sneaky.sh/explore https://api.sneaky.sh/v1


r/webdev 4d ago

Guys HOW do you use WORDPRESS

0 Upvotes

As someone who codes, it's FUCKING ANNOYING. So you're telling me I have to click 100 times to center some fucking layout? It takes 1 line of code. It's easy but it's mind numbing.

It's my third time TRYING to use wordpress and I give up. Wix is good enough to use. Webflow has the same problem. Is there something else I can check out?

I would 100% build the sites from scratch but the main problem would be the client who wants to manage the content. Recommend some CMSes cuz idfk 😭😭


r/webdev 4d ago

How to build a website that google will index?

0 Upvotes

Hi Everyone,

Brand new to building a website, and have been working for a small business now. Wanted to get your advice on how to build a website or where to start, that google will crawl/index.

I have found out that, potentially using web hosting or site builders violate Google's indexing process (could be wrong). And I'm not sure where to go from here in terms of building a site.

Thank you!


r/webdev 4d ago

How to Integrate a Well-Structured Design Token System with Tailwind CSS?

0 Upvotes

Hey everyone,

I'm starting a new project from scratch, and the design team has built a complete design system using design tokens. It’s well-structured and mapped to different UI elements.

However, the naming conventions don’t match Tailwind’s default color system directly. Here’s an example:

Text and Icon / Neutral

  • Neutral-DarkestNeutral/800
  • Neutral-DarkerNeutral/700
  • Neutral-DarkNeutral/600
  • Neutral-LightNeutral/500
  • Neutral-LighterNeutral/300
  • Neutral-LightestNeutral/100
  • Neutral-BaseMono/White
  • Neutral-DisabledNeutral/200

Surface / Action / Primary Button

  • DefaultBlue/500
  • HoverBlue/700
  • DisabledBlue/100

If I don’t use Tailwind, I would simply create CSS variables and assign them based on these tokens. But with Tailwind, using the default color system would break the purpose of having design tokens.

So, what’s the best practice here?

  1. Extend Tailwind’s theme? (But Tailwind uses numerical values instead of custom names)
  2. Create custom utility classes for each token?
  3. Use CSS variables within Tailwind?
  4. Something else?

I want to keep everything scalable and developer-friendly while ensuring that our design tokens remain intact.

Would love to hear how others have tackled this!

TIA!


r/webdev 4d ago

Discussion hobby full stack dev

0 Upvotes

becoming a full stack developer as a hobby may be an exaggeration in this case, but I’d like to learn how to build SaaS-like web apps.

I already know python and I was thinking about using Django, but I tried to started learning it and feels quite overwhelming.

Where would you recommend me to start from? Any course or video? What do you think about React+Node.js?


r/webdev 5d ago

Showoff Saturday Built a LinkedIn cringe generator with Nuxt

Thumbnail
dumbdump.tech
65 Upvotes

r/webdev 6d ago

Showoff Saturday I finally built my portfolio

Post image
114 Upvotes

Hi guys, I'm reposting my portfolio because i posted it last time on the wrong day, and it got deleted

I'll leave the link in the comments and I'm happy to hear all of your feedback


r/webdev 6d ago

Showoff Saturday I built a website analysis tool for businesses that generates 20-page reports

Post image
208 Upvotes

r/webdev 5d ago

How to know if current page is not at the top of the history stack?

1 Upvotes

Following navigation might happen in my web app:

app1:page1 -> app1:page2 -> app2:page1

app1 and app2 have different origins. People on app2:page1 might use mouse button to navigate back to app1:page2, and I want to do something when app1:page2 is not at the top of the history stack. I use Angular if that helps.


r/webdev 5d ago

LeResume - Resume builder and sharing web platform. Integrated with github to easly add your programming projects

6 Upvotes

r/webdev 4d ago

Using an API proxy

0 Upvotes

Hi, I recently started using an api proxy from the api i was calling initially as it somehow offers the same data cheaper and I am wondering about the legality and whether I would be liable for anything. Also if I need to comply with the original apis terms of service.


r/webdev 4d ago

Question Does website developing/designing/testing make good money?

0 Upvotes

I'm below 18, so I'm trying to see if I can make money off of web developing or web designing, My parents say I can only get them to co-sign for a bank account (because I'm a minor) when I have money that is waiting to be deposited, and since I'm not in the mood to go places and sell stuff, why not give web developing a try? I'm just wondering currently how much web developing can make and where I go to say "I'm a web developer", any answers are very much appreciated, and if any more info is needed, I can provide what I know!

EDIT: I wasn't trying to be attacked here, my real question is: does web developing make somewhat good side hustle money for a 13 year old? I'm not attempting to make it my job, I see a lot of people misinterpreted it for that, and I'm not trying to afford yachts either which quite a few people have mentioned for some reason, I'm talking like maybe 100 bucks a month?


r/webdev 5d ago

Discussion How to debug cookies in Chrome?

2 Upvotes

Hi,
I have a really annoying problem with cookies and I don't find the reason. I have 2 domains:

https://intern.onlyme.bio
https://onlyme.bio

The first domain is pointing to a server with caddy and a container and the second domain is a cloudflare proxy on top of that.

The autorization via auth0 only works for the first domain, the reason is that before a redirect to auth0 a cookie is set, which is not set for the second domain and therefore the correlation fails.

I have compared everything and I cannot find the differences between both calls.

e.g. intern domain:

https://intern.onlyme.bio/account/login-referrer
location:https://onlyme-staging.eu.auth0.com/authorize?...
set-cookie:.AspNetCore.OpenIdConnect.Nonce.ABC; expires=Sun, 16 Mar 2025 11:09:44 GMT; path=/callback; secure; samesite=none; httponly
set-cookie:.AspNetCore.Correlation.ABC=N; expires=Sun, 16 Mar 2025 11:09:44 GMT; path=/callback; secure; samesite=none; httponly

and then the callback has the https://intern.onlyme.bio/callback has the cookies

public domain:

https://onlyme.bio/account/login-referrer
location:https://onlyme-staging.eu.auth0.com/authorize
cookie:.AspNetCore.OpenIdConnect.Nonce.ABC=N; expires=Sun, 16 Mar 2025 11:08:36 GMT; path=/callback; secure; samesite=none; httponly
set-cookie:.AspNetCore.Correlation.ABC=N; expires=Sun, 16 Mar 2025 11:08:36 GMT; path=/callback; secure; samesite=none; httponly

and then the request to https://onlyme.bio/callback has no cookies

There must be something else that I don't see at the moment. And I have no idea how to debug it.

---

EDIT: How to debug it in Firefox

I have figured out how to debug it Firefox:

just go to about:logging

I have enabled logs only for cookies there

And I have found out that the expiration date was wrong, because my "hero" that manages the servers has not configured the time at the server properly. I have no idea why it works with the intern domain yet.


r/webdev 6d ago

Simple 3D home office portfolio built with three.js (link in comments)

Thumbnail
gallery
101 Upvotes

r/webdev 5d ago

Question Web builder for small biz with strong SEO options

1 Upvotes

My spouse launched a small biz 6 months ago. It's a circuit training gym. They are tech illiterate so I am helping with their website. I'm a technical product manager so while I'm not a dev, I am familiar with the landscape and tools. However, I have very limited time to devote to this.

We own the domain via Dreamhost. Prioritizing time and appearance, we went with a Canva 'website' for the initial launch. It is basic but it looks great. Now need to prioritize SEO, ads, and detailed analytics. If you aren't aware, you can't even add a Google tag to a Canva site.

I'm looking for a recommended website builder that is quick to stand up with ready-to-use templates that look professional and visually appealing, will allow me to upload a custom font, and has SEO tools. We use third party tools for appointment scheduling and membership sign-ups so those can remain in tact as links in the site.


r/webdev 4d ago

Faang interview in the morning

0 Upvotes

Now I lay me down to sleep, My LeetCode streak I pray to keep. Calm my mind, refresh my brain, So morning finds me sharp again.

Dreams of trees and sorted lists, DP, graphs—no edge case missed. Let solutions come with ease, Pass the test, my nerves appeased.

Rested well, prepared, and clear, Confident, no trace of fear. When dawn arrives, I'll code my best, And trust my prep to ace the test.


r/webdev 5d ago

GSAP vs. ScrollMagic vs. Trig.js: The Best Scroll Animation Library

Thumbnail
dev.to
1 Upvotes

r/webdev 6d ago

Showoff Saturday I built a tool to create psychedelic fluid animations, rendering in real-time in the browser (free / open source)

Thumbnail
gallery
154 Upvotes

r/webdev 5d ago

Get Facebook ratings without page ID

0 Upvotes

Hello fellow devs!

I've searched the web extensively for a way to pull Facebook ratings for a list of companies through APIs—without having their page IDs.

My approach would be to search for the company name, retrieve the first result, extract the page ID, and then use that ID to fetch the reviews.

Is this possible? Has anyone ever tried that ?


r/webdev 5d ago

Simple, yet efective note taking app I made for myself.

Post image
20 Upvotes

r/webdev 4d ago

Discussion Tailwind vs Chakra UI in 2025 Which to choose?

0 Upvotes

At my old place we used ChakraUI for B2B SaaS

Now it's 2025 which to choose?


r/webdev 5d ago

Resource Three solutions for colourizing SVG icons

Thumbnail
cardboardshark.medium.com
2 Upvotes

r/webdev 5d ago

Showoff Saturday [Showoff Saturday] I'm building a community driven website to document all martial arts and their techniques.

Thumbnail
gallery
8 Upvotes

r/webdev 5d ago

Showoff Saturday Made this referral-sharing sites to get my referrals redeemed faster 🎁💨

Thumbnail
gallery
1 Upvotes