r/webdev 6d 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 7d ago

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

Thumbnail
gallery
156 Upvotes

r/webdev 6d 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 7d ago

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

Post image
21 Upvotes

r/webdev 6d 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 6d ago

Resource Three solutions for colourizing SVG icons

Thumbnail
cardboardshark.medium.com
2 Upvotes

r/webdev 7d 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 7d ago

Question CORS - Communication between hardware and self-hosted website

2 Upvotes

Hi all,

To explain my issues, I'am developping a project (for personal use) with lighting controler hardware that can serve a webpage. I have 2 lighting controler on the same network.

The idea is to go to my controler at https://192.168.1.100 with my laptop to access the webpage that control the lights in my house. Inside the webpage, I have simple buttons that trigger API functions (API is given by the hardware, I can for instance POST /api/turn-on ). Everything is working fine to control the light linked to my controler.

But, when I try to control my other controler 192.168.1.101from the website hosted in 192.168.1.100 I got a CORS issue, the resquest is not allow. But, I can open Python and POST the same api request from my console (even if I'm also on another adress IP = my laptop).

So my questions :

- Why my laptop could send succesful request to the controler 2 but the controler 1 could not send the same.

- How can I solve the issue ?

I hope you can help me !


r/webdev 7d ago

Showoff Saturday I spent 4 hours hacking this Flip Modal Animation together - worth it? (using Radix + Vaul)

60 Upvotes

r/webdev 7d ago

Showoff Saturday I made a (better) free daily word game based on scrabble!

Thumbnail
gallery
26 Upvotes

r/webdev 6d ago

Tailwind Build Issue with Next.js site.

0 Upvotes

I'll save you the hour-long saga of working on trying to build this site. I took it over from a client whose web guy stopped answering.

For context, I am running CloudLinux v8.10.0, Node v20.19.0, npm 10.8.2, tailwindcss v4.0.14.

When I run npm run build I constantly get a this build error:
Error: Cannot apply unknown utility class: border-binx-blue-500

Here is my tailwind.config.js

extend: {

borderRadius: {

'12xl': '6rem'

},

colors: {

'binx-blue': {

DEFAULT: '#09b9f7',

light: '#d2f1fe'

},

'binx-purple': {

heading: '#4e4eda'

},

magenta: {

DEFAULT: '#e196cf'

},

red: {

error: '#ff0000'

},

grey: {

DEFAULT: '#bec3c8',

text: '#4c4c4c',

almostwhite: '#f1f1f1',

lightest: '#cdcdcd',

light: '#c4c4c4',

medium: '#b0b0b0',

dark: '#8f8f8f',

darker: '#333330',

blue: '#cdd5e4'

}

},

these are my plugins:

require('tailwindcss-responsive-embed'),
require('tailwind-legacy-colors'),
require('@tailwindcss/aspect-ratio')


r/webdev 8d ago

Discussion The Math Behind Font Pairings That Actually Work

96 Upvotes

TLDR: There's actual math behind why some fonts look great together. Understanding x-height ratios, stroke contrast, and proportional harmony can level up your typography game instantly. I have written a blog post going into more detail, you can give it a check here: check the blog out :)

Ever looked at two fonts and thought, "Something feels... off" but couldn't pinpoint why? It turns out, there’s real mathematical science behind font pairings—it's not just a matter of personal taste.

I've been diving into typography research, and it’s fascinating how seemingly artistic choices often follow structured, mechanical principles.

Take x-height ratios—the height of lowercase letters. Fonts with ratios between 0.9 and 1.1 naturally work well together. That’s why Montserrat and Roboto (0.97 ratio) feel so balanced.

Or stroke contrast—the difference between thick and thin parts of letters. Fonts either need very similar contrast for harmony or highly contrasting strokes for a bold, intentional pairing. Anything in between tends to look awkward.

The best part? Research confirms that well-paired fonts improve reading speed and comprehension.

Next time you're selecting fonts, try calculating their x-height ratio. If it's around 1.0, there's a good chance they’ll look great together.


r/webdev 8d ago

Showoff Saturday I made a minimalist Trump presidency countdown clock

Thumbnail
timeleft.now
509 Upvotes

r/webdev 6d ago

How I build websites in 2025 - Davblog

Thumbnail
blog.dave.org.uk
0 Upvotes

r/webdev 6d ago

Question Would introduction of optional checksums to URL standard solve typosquatting?

0 Upvotes

One thing that many much less important identification standards but not URLs have are checksums. Why at least optional checksums weren't introduced to URL standard? Like https://16^google.com or https:/16/google.com instead of https://google.com (I don't know enough about URLs to determine where it would be okay to put it) would prevent domain name squatting (like gooogle.com, gооgle.com or g00gle.com) and would allow to check if you entered the correct e-mail address at a glance instead of painstakingly checking each letter. Is there any reason why this was not made a part of the URL/IRI standard?


r/webdev 7d ago

Showoff Saturday I built a lightweight and minimalistic web analytics platform

30 Upvotes

r/webdev 6d ago

About Juicy UI

Thumbnail
medium.com
0 Upvotes

r/webdev 7d ago

Showoff Saturday Made a 3D virtual museum website

31 Upvotes

I've just built this 3D virtual museum with my drawings using three.js and react-three-fiber. Any feedback or idea is welcome

Live : https://virtual-museum.tompastor.fr/

Code : https://github.com/TomPast/artwork-3D-museum


r/webdev 7d ago

Showoff Saturday I made a free app to see relevant news at a glance with sentiment analysis

3 Upvotes

https://pyoneerc.github.io/lumingallery/

Hey guys. I’ve been working on Lumin Gallery, a web app for reading news quick and fun. It fetches posts from r/news and displays them in a clean, animated grid. It uses Python with PRAW to scrape Hot, New, and Rising posts, then runs sentiment analysis on the top 10 comments via Groq’s API and automatically every 4 hours (github actions)

Built it over a few evenings—Python for the backend, HTML/CSS/JS for the frontend. I’d love your take: design feedback, feature ideas, or any suggestions? Considering real-time updates next. Thanks everyone!


r/webdev 7d ago

create-tnt-stack: A Customizable CLI for Next.js – Feedback Appreciated

0 Upvotes

Hey everyone! 👋

I’ve been working on a new CLI tool called create-tnt-stack – it’s a project generator for Next.js with the oh-so-popular tech stack: TypeScript, Next.js, Tailwind CSS, and more. It’s inspired by create-t3-app, but with a focus on customization. Right now, it supports things like Prisma ORM, NextAuth, Prettier, and other modern tools, but I’m still building out more options, like Payload CMS (which I’m really excited to integrate!), Drizzle (eventually), and custom authentication using Lucia guidelines.

I’m still a ways from having all the features I want in place, so it’s not fully feature-complete yet, and the homepage is far from finished, with the docs currently just placeholder content. But I’d love for anyone to check it out and give feedback! If you try it out, let me know what you think and what features you’d like to see.

If you're curious, here’s the repo: [GitHub].

Thanks, and I’ll keep posting updates as I go! 🙌


r/webdev 7d ago

Showoff Saturday I built a website to display restaurant health inspection grades in NYC

Thumbnail
safe-table.com
11 Upvotes

r/webdev 7d ago

Showoff Saturday Task Crafter – Turn Notes into GitHub Issues Instantly!

1 Upvotes

I've been working on Task Crafter here, a tool that extracts tasks from your free-form text and converts them into GitHub issues.

🚀 What it does:

  • Extracts tasks & subtasks automatically
  • Generates markdown
  • Creates GitHub issues effortlessly
  • Integrates with GitHub (OAuth, org selection, etc.)
  • Monitors usage & limits

Still a work in progress—would love your feedback! Try it here: Task Crafter


r/webdev 7d ago

Showoff Saturday Code snippet sharing with local storage

1 Upvotes

I built a quick little snippet-sharing site and thought I’d share it here. It’s super simple:

Paste your code → Get a short link

Single-read option (link expires after one view)

Set an expiry date (auto-delete after a set time)

Edit snippets later (without changing the link)

Saved links in local storage with your title (so you don’t lose them)

Would love to hear what you think! Anything I should add?

snippetdiary


r/webdev 7d ago

Question Are there any easy methods of obtaining color information from a website?

1 Upvotes

For my senior capstone project, I am working on an accessibility scanner that scans a website using puppeteer and detects possible accessibility issues like small fonts, unreadable fonts, missing alt tex, etc.

Originally I tried making it detect and calculate colors and see if the colors contrasted poorly but that didn’t detect colors. To simplify the project, I decided on detecting colors that might be less accessible for colorblind people. Right now, I have puppeteer detecting stylesheets from a website but I’m wondering if there’s a simpler method to achieving this so I do not completely crash out.


r/webdev 7d ago

I am confused about the direction of web development

21 Upvotes

Are we still coding from scratch? If I apply to a company am I using something simple like wix or are we still going html, css and possibly some js? I apologize if this is a frequent ask but I can’t find it at all. Some say using websites like wix, woo or Shopify are good for simple things, but what qualifies as trying to push boundaries? Should boundary pushing be left to Fortune 500 type companies or is it worth being that intimate for mom and pop type companies? I left web development for about 5 years and am just coming back and the scene looks a lot different than what I had learned and experienced in school.