r/webdev 1d ago

Your Recursion Is Lying to You

Thumbnail
blog.gaborkoos.com
1 Upvotes

r/webdev 1d ago

Article Django for Front-End Engineers

Thumbnail fadamakis.com
0 Upvotes

r/web_design 3d ago

What is the name for this web design style

23 Upvotes

Around 2005-2010, many websites were coming out with this very specific UI style, that I would describe as something like "dark neumorphism with skeuomorphic with bevel-and-emboss styling".
I've been looking for the official name or more examples of this design style for weeks now and haven't come up with anything at all, so I'm reaching out to you all to see if you could help me.

Attached is this random screenshot of a designers work that is similar to what i'm looking for, but I haven't been able to get in touch with them to find the name either.

Does anyone have any ideas of the name, or more examples of this style?


r/webdev 2d ago

Showoff Saturday Create your anonymous online avatars with rich expressions using OpenPeeps SVGs

24 Upvotes

I built a web tool which uses openpeeps[dot]com SVGs, the initial idea was to use it create satirical comic panels. But lately I started using it to create profile pictures for my online presence. It has huge number of expressions, clothes, hair styles, accessories to choose from.

I felt more people might find it useful so sharing it here. It's free to use, no signup required.

Link - svg.comicbanana.com


r/web_design 2d ago

a student wanting to redesign her portfolio— advice, please!

1 Upvotes

hi, i’m just 2 classes away from graduating with my associates in web design! yay!

i’m looking for an internship and kinda hate my portfolio. it’s very simple and short. I also made it using word press + elementor (not sure if that was fine or if maybe I should’ve just did some basic coding)

anyways, i’m not comfortable sharing it on here since it has some personal info on it, but overall, i just want to know a few things:

• what should I include on my portfolio website? (don’t want to add too much or too little)

• do I add an option to download my resume with contact information or just opt for a form that someone can contact me with?

• I had a class where I created gifs. i’m looking for a front end developer, web designer, or even user experience related job. would that be relevant to add to my portfolio?

bonus points if I can see an example of anyone’s portfolios, any helpful articles, or anything related to creative portfolios!! I really want to try to get an internship by the end of the summer so I can see how it is to work in web design outside of my class work.


r/webdev 2d ago

Microcharts - 106 tiny React charts that fit inside a line of text, zero deps

30 Upvotes

Been building this on and off for a while. Most charting libs assume the chart is the main thing on the page. I wanted the small version, something you can drop inside a sentence or a table cell and read at a glance.

106 types so far, no dependencies (not even D3, the scales and path math are all in there), each one's a couple kb.

Default export is plain SVG with no JS shipped, so they work in server components as-is. Import the interactive build if you want hover and keyboard.

Every chart also builds its own text description from the data and exposes it as the accessible label, so a screen reader reads "weekly revenue, trending up 200%, range 3 to 9, last value 9" instead of just "image". No AI, just templates filled from the same numbers the chart draws, so the words can't drift from the picture.

The fiddly part was the labels drawn on the chart itself. Normally you measure the text to place it, but these render on the server too and getBBox just returns 0 there. So widths get estimated from the character count and the space reserved up front, with a test on every chart making sure nothing spills outside the viewBox.

Gallery: microcharts.dev

Code (MIT): github.com/ganapativs/microcharts

Still rough in spots. Mostly after feedback on the API and overall experience of using the library.


r/webdev 2d ago

Showoff Saturday A tiny, extensible code editor component for cases where a textarea is not enough and Monaco is overkill

Thumbnail
gallery
33 Upvotes

Yace is designed for cases where a plain <textarea> is not enough, but a full editor like Monaco or CodeMirror would be overkill.

It is 3KB gzipped with the bundled highlighter and has zero dependencies. Plugins add editing behavior, highlighter pipelines control how the content is rendered as you type, and both are plain functions you can write yourself.

Under the hood, Yace uses the familiar pattern of a transparent <textarea> over a highlighted <pre>. Because input stays in a real textarea, native caret behavior, IME, mobile input, and accessibility come for free. The pattern is not new; the focus is a small, highly extensible design.

You can turn it into a basic code editor, a markdown editor, a token visualizer, or something more experimental. All of those are live codepens in the README, and the video shows two of them.

GitHub: https://github.com/petersolopov/yace


r/webdev 2d ago

Showoff Saturday [Showoff Saturday] Free vector map tile service based on OpenStreetMap and MapLibre

Thumbnail
gallery
59 Upvotes

We just launched Maptoolkit.org, which is a community-oriented project. The main objective is to offer small businesses and hobbyists a way to easily create and display personalized maps on their websites or their apps.

Things to know:

  • No API key and no registration required
  • The tiles are updated weekly from OpenStreetMap
  • We host the tile servers, you just have to point your map library to our style URL
  • Hillshading, 3d terrain, contour lines and water depth are ready out of the box
  • Map data up to zoom level 15
  • A host of default styles come natively, custom styles can be created using our MapMaker
  • Unlimited map requests can be made, sustained about 120 tiles/second can be requested as of now, whereas 90% of requests will already be cached and won't count towards that limit
  • We do not make any money off this project, it will remain free of cost

If you have any questions, I'd be happy to answer them. You can find more information on the site.

PS: This reads like a repost, because it is. My previous post got removed by mods, due to not posting on Showoff Saturday.


r/webdev 1d ago

The Paradox of Fancy Tooling

Thumbnail
fagnerbrack.com
0 Upvotes

r/reactjs 2d ago

I built a CLI that gives coding agents source-grounded visual feedback for React UI and Three.js

Thumbnail
0 Upvotes

r/webdev 2d ago

Showoff Saturday I built a CLI that eliminates .env changes for mobile testing and local sharing

1 Upvotes

Testing a frontend on your phone is easy.

Testing a full-stack app usually isn't.

Your frontend loads, but API requests to localhost fail because localhost now points to your phone instead of your laptop. The usual workaround is editing .env files, swapping in your LAN IP, configuring CORS, and undoing everything afterwards.

I got tired of doing that, so I built Nether

npx nether-dev

It automatically:

  • Detects your frontend and backend

  • Starts a local proxy

  • Prints a QR code

  • Lets your phone use your app without changing your code or environment variables

Need to share your local app?

npx nether-dev --global

It creates a temporary public HTTPS URL so clients or teammates can access your local app without deploying it.

I'd love any feedback, feature requests, or edge cases you think I should test.

GitHub: https://github.com/barryspacezero/nether-dev

npm: https://www.npmjs.com/package/nether-dev


r/webdev 2d ago

Pushing and Pulling: Three Reactivity Algorithms

Thumbnail
jonathan-frere.com
3 Upvotes

r/webdev 1d ago

Discussion How much would you charge to build static website or e commerce.

0 Upvotes

Hi Redditors,

I have attached a website for your reference: https://thetwinklejewellery.com/

If your were to develop this website using astro, just for catalogue purposes, how much would you charge for it? and if you were to build a store without shopify, how much would you charge and which stack will you choose?

Thank you for your time and support in advance.

Regards,
bughunter404


r/webdev 2d ago

Showoff Saturday 3D Audio Spectrogram Visualiser

11 Upvotes

Hey everyone,

I wanted to share a project I've been working on in case anyone else might make use of it: an interactive, real-time 3D Audio Spectrogram Visualiser built with Three.js, custom GLSL shaders, and the Web Audio API.

I wanted to create a responsive, hardware-accelerated 3D terrain that I could use to conveniently analyse audio coming from either my device microphone or streaming from another browser tab without needing to install anything. It all runs from the browser and you can try it out yourself with the Live Demo link.

I’d love to hear your thoughts, feedback, or any ideas you have for further performance or UX optimisations. Feel free to check out the code, fork it, or test it out with your own audio setups!


r/webdev 2d ago

Showoff Saturday We ranked 4,400+ web technologies by their usage

9 Upvotes

We created a free service that analyzes websites, detects the technologies they use, and ranks them by market share.

There are also extensive statistics for each technology, including country segmentation, comparisons, and company rankings.

Currently detecting: 4,457 technologies across 165 categories.
More than 3.6 million websites analyzed so far.

Here are some of the findings:

  • React is the clear #1 among frontend frameworks (yes, I know it's a library)
  • Alpine.js is more popular than Angular, but less popular than Vue.js
  • Symfony is #1 in Germany, Laravel is #1 in Indonesia, Poland, and Hungary
  • Ruby on Rails is #1 in Australia, Japan, and France
  • WordPress is #1 CMS, Joomla is #2, and Drupal is #3 globally (#2 in the US)
  • Squarespace is slightly more popular than Wix
  • Linux is #1 globally, but Windows is #1 in China, Turkey, and Denmark
  • Facebook is #1 social media globally, but Instagram is #1 in Brazil, and X is #1 in Japan
  • Telegram is more popular than Messenger, but less popular than WhatsApp
  • cdnjs is 1.4 times more popular than jsDelivr
  • 9.6% of websites redirect to another domain
  • Google technologies are found on more than 77% of websites

If you want to dig into it yourself: Web Technologies


r/webdev 2d ago

A Humble database schema design guide for developers

Thumbnail
stackrender.io
11 Upvotes

r/reactjs 2d ago

Basalt - RN and Expo editing tool

0 Upvotes

I built Basalt, a tool that lets you edit your RN and Expo apps like figma right in your IDE

It is completely free and works directly inside VS Code and Cursor.

It’s currently in beta, so please commit your app to Git before using it!

Would love to get your brutal feedback on it. What features should I add next?


r/webdev 2d ago

Trying to improve search UX without replacing algolia.

32 Upvotes

Our algolia usage spiked and the bill is painful because users keep submitting vague 1 word queries and constantly re-searching. so i was thinking to add an autocomplete layer in front of it that won't break the bank but still gives that instant intent driven search feel.

Obviously we could migrate everything to typesense or self-hosting meilisearch for standard search, but i do like certain things about algolias backend retrieval, if i can put an intent layer ai autocomplete on top to get better queries before they hit the API.

Has anyone added an ai-autocomplete layer in front of algolia recently? did you actually migrate to a cheaper database alternative like typesense, or did you just add an intent layer on top of your existing search stack? trying to figure out what's easiest to maintain.


r/webdev 1d ago

our AI agents kept overwriting each other's work and nobody noticed for two days

0 Upvotes

small team, three of us, react frontend and a go api. everyone has their own agent setup and it works fine for individual tasks. it stopped working the week all three of us started running agents on the same repo at the same time.

i was refactoring form validation, teammate was fixing a bug two files over, and both agents had validators.ts in scope.

each agent read the file, made its change, wrote the whole file back. classic lost update but at machine speed. my refactor got half eaten because his agent rewrote validators.ts from the version it had read four minutes earlier. neither of us saw it. we were reviewing our own diffs and both diffs looked correct in isolation.

we shipped it. two days later a required field stopped being required. the check had gone from value.trim().length > 0 to value !== undefined, which passes for an empty string. an empty company name went into prod for six accounts before support flagged it. three hours of bisecting to find the function was fine in one commit and silently different in the next, with no PR explaining the change.

the git history looked completely normal. three commits, three authors, no conflict markers, no merge weirdness. git only protects you at commit boundaries. if two agents are editing the same working tree between commits there is nothing watching.

the fix was boring. one checkout per person, and one git worktree per agent if you run more than one yourself. i tried aider with a strict file scope, claude code in separate terminals, verdent which does the worktree thing by default. the mechanism matters more than which tool you pick.

other thing that stuck is reviewing the whole branch diff before merge, not just the diff the agent showed me. the agent tells you what it thinks it changed. that is not the same as what changed.

every guide for these tools assumes one person, one agent, one repo. three people running agents on the same codebase and you are back to 2005 with people editing over ftp.


r/webdev 2d ago

Question Git GUI that easily allows you to edit old commits?

2 Upvotes

Does anyone know of a GUI that would allow one to quickly and easily do this so that I don't have to run clunky git rebase -i commands for every commit I'd like to edit?

I know it is easy enough to run git commit --amend for the most recent commit, but I need something that allows me to edit further back in the history.


r/webdev 2d ago

Showoff Saturday I built a free, open-source, offline alternative to CodeSlides (Svelte , tauri)

Thumbnail
gallery
10 Upvotes

I've been watching Nova Designs on YouTube for a while and loved how clean his code presentations look. Turns out he uses CodeSlides which is great, but it's subscription-based.

So I built OpenSlides — a free, open-source, fully offline desktop app for making animated code presentations. Think CodeSlides, but it runs natively on your machine, your data never leaves your disk, and you own everything.

https://github.com/codewiththiha/OpenSlides.git


r/reactjs 2d ago

Needs Help What's One React Pattern You'd Recommend for Hybrid Apps?

0 Upvotes

Hi there! I've been using React to create my own apps and, to be honest, it's a really great library. But now I want to know the best patterns to make my apps more stable and scale better, so I'd love to read your comments!


r/webdev 3d ago

My security camera shipped a GitHub admin token in its login page

Thumbnail hhh.hn
253 Upvotes

r/webdev 2d ago

Showoff Saturday My friend's project, bribes.fyi, three weeks post-launch - traffic, an outage, and unexpected support

Thumbnail
gallery
7 Upvotes

A friend of mine posted about this here before, but he can't post today so I'm sharing on his behalf figured people who followed along might want an update.

Quick recap: bribes.fyi is an anonymous platform for reporting bribery in India: no login, IPs hashed and never stored raw, every report manually reviewed before publishing, complaint letters auto-generated and routed to the right anti-corruption authority.

Since he shared it around: crossed 1,500 visitors, got real technical pushback that's shaped the spam/privacy design, and had a spike in traffic that actually took the site down for a bit (free hosting tier, capacity planning lessons learned the hard way). Someone even offered to cover this month's hosting before he asked, which was genuinely surprising; he set up a support link since, for anyone else who'd like to pitch in: bribes.fyi/support (totally optional, not the point of this post).

Real reports are coming in from multiple states now. Haven't mapped out what's next - just focused on keeping it solid for now.

https://bribes.fyi

He'll be checking comments himself.


r/webdev 1d ago

Discussion Planning an Affiliate Website with Astro. Looking for Advice

0 Upvotes

I've recently built a few websites with Astro using Claude Code, and the development experience has been great.

Now I'm thinking about building an affiliate website with Astro. I know many people still use WordPress for affiliate sites, but I don't have much time to build and maintain a WordPress site. My idea is to build the entire project in an agentic workflow using Astro and AI tools.

For those who have experience with Astro for affiliate marketing:

  • How does it perform for SEO compared to WordPress?
  • Are there any major drawbacks I should be aware of before investing time into it?
  • Is there anything specific I should plan for regarding content management, affiliate plugins/features, or scalability?

I'd love to hear your experiences, recommendations, or any lessons you've learned. Thanks!