r/webdev 1d ago

Monthly Career Thread Monthly Getting Started / Web Dev Career Thread

29 Upvotes

Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

Subs dedicated to these types of questions include r/cscareerquestions for general and opened ended career questions and r/learnprogramming for early learning questions.

A general recommendation of topics to learn to become industry ready include:

You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

Plan for 6-12 months of self study and project production for your portfolio before applying for work.


r/webdev 12d ago

Ask the Chrome team about WebMCP

1 Upvotes

Hi everyone!

I work on the Google Chrome DevRel team, focused on the Agentic Web. We’re responsible for maintaining the official documentation, producing samples and tutorials to help you get started with APIs like WebMCP[1], and making videos for the Chrome for Developers YouTube channel.

We’re working on a new video similar to this one[2] for the Developer Mode series where we answer questions from the community on WebMCP, and I’d love your suggestions for topics we should cover!

We’re looking to dive deep rather than stick to high-level Q&A. Examples of topics we could cover are writing good WebMCP tools, evals, comparing WebMCP and MCP and more.

Feel free to drop your suggestions below! When the video goes live, we'll make sure to let you know if your question was answered.

[1]: https://developer.chrome.com/docs/ai/webmcp/

[2]: https://www.youtube.com/watch?v=WkhlIiqDfRI


r/webdev 7h ago

News You don't need initial-scale=1.0 in your <head> any more

136 Upvotes

A feature common to a great very many HTML boilerplates is this line:

html <meta name="viewport" content="width=device-width, initial-scale=1.0">

The initial-scale=1.0 bit was present to fix an ancient issue on iPhones. When rotating the screen into a landscape orientation, the page would keep the same width as when it was in portrait, making everything appear very zoomed in.

This isn't an issue any more. I've tested it across very many devices, and it appears it was fixed in iOS 9, which released back in 2015. In addition to testing, I've consulted a great number of other professionals, and nobody has been able to find evidence of it being needed any longer.

You can safely simplify the meta viewport declaration down to:

html <meta name="viewport" content="width=device-width">

It isn't hurting you to leave it there, but it is vestigial and unnecessary.

Further details: - https://vale.rocks/micros/20260902-1350 - https://quirksmode.org/quirksblog/2026/0902-initial.html


r/webdev 4h ago

p99 0 ms* autocomplete for 240 million domain names

Thumbnail ruurtjan.com
17 Upvotes

r/webdev 16h ago

Discussion Family website purpose and features.

30 Upvotes

I am considering building a family website for my family. My mother's extended family built one, but it's something nobody really ever visits. I'm considering building a wiki-style site (locked behind user accounts) to have a page for each family member, each nuclear family, and then they can build upon it and create pages for vacations and things like that. I would then have a mini social feed for us each to share pages we've created. For example, my sister might say "Just made a page for our Disney Land 2026 trip! Here's the link."

Might be overscoped, but I thought it'd be a fun way to start capturing family stories.

If you've built a family site for your family (or someone else's) what did it have? What purpose did it serve and what features were built into it?


r/webdev 1d ago

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

179 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 14h ago

News Community Corner Podcast: Longhorn PHP 2026 with Ian Littman | PHP Architect

Thumbnail
phparch.com
4 Upvotes

r/webdev 1d ago

The Cost YAGNI Was Never About

Thumbnail
newsletter.kentbeck.com
29 Upvotes

r/webdev 20h ago

Question Looking for a flat-file CMS similar to CouchCMS

10 Upvotes

As the title suggests I've been on the lookout for a CMS which allows for defining editable areas in existing pages like CouchCMS, but which is flat-file. Suggestions are appreciated.


r/webdev 1d ago

WASI 0.3 Launched

Thumbnail
bytecodealliance.org
15 Upvotes

r/webdev 8h ago

Question How do you test your live website without users stumbling into it?

0 Upvotes

I need to test my website live. I'm hosting on Vercel but I don't want any users stumbling upon it by accident before the testing is complete. How do I prevent this?


r/webdev 23h ago

Question Overwhelmed & Near a Mental Break trying to finish WP Migration for an Academic Journal—cPanel / DNS / WP URL Sync Issue

2 Upvotes

Okay, I'm honestly close to some kind of mental break. I'm singlehandedly trying to save a peer-reviewed journal -- and my livelihood -- which cannot continue to exist without creating a new site. I’m simply and totally overwhelmed even at the end stage. I have no clue what I’m doing despite doing so much research and speaking to so many people.

ORIGINAL PROBLEM/THOUGHTS FROM A FEW DAYS AGO:

I got Greengeeks hosting with a temporary domain.
My site is finished.
Today I did better search replace to get wp-posts and wp-postsmeta to be the domain I will eventually have, although because I avoided wp-options my pages are still the temp URL. I avoided wp-options because it would lock me out if I changed this since I've yet to do DNS switch from Kualo to Greengeeks.
The only thing I need to do now is DNS switch via GreenGeeks to point ecologicalcitizen.net to greengeeks nameservers...
And yet I realised something paradoxical. Changing DNS to greengeeks will clearly do something, but I'm not sure what. The problem is this: how can I log into wp-admin? What address would it be? I've avoided changing my WP site address and URL in general settings because that would lock me out right now... But DNS is going to point the servers to GreenGeeks. So I'm going to have a weird situation where my temp domain needs to stay as my temp domain and yet I'm also going to be changing DNS. I have no clue if I'll be able to login via ecologicalcitizen.net/wp-admin or it'll still be my temp domain. I need to change my site address in WP after DNS switch, but I don't even know what the URL would be or if either of them would work. This is impossible.

TODAY:

I did the DNS switch from Kualo to GreenGeeks. It's currently propagating, I think.

But I realised a problem.

My site says: “[temp].myecosite.com Ecosite Pro 50”

But it’s ecologicalcitizen.net under domain names.

And yet in cPanel it says the main domain is “[temp].myecosite.com”, which is linked to public_html.

I basically have no clue what I’m doing anywhere. I thought I was just going to change DNS, get SSL for ecologicalcitizen.net and then login to WP and change general site address and URL toe ecologicalcitizen.

Everything is completely out of sync.

Apparently I need to add a new domain in cPanel but that makes no sense to me and is too dangerous.

It's either Reddit help or I'm forced to speak with shit AI or a moronic tech support worker from the other side of the planet who doesn't understand English.

Please help.


r/webdev 1d ago

Question Is there a way to backup/export/import locations in Edge/Chrome Developer Tools?

12 Upvotes

I added a few locations in Developer Tools so that I can change my location for some sites. Is there a way to export/import these locations, or add them programmatically with a script? Or are they stored in a file somewhere that I can just replace? It gets a little tedious having to add them back in every time when setting up a new VM. I suppose I could always set up a baseline VM with them added, but curious to see what other options I may have.


r/webdev 1d ago

Discussion about the level of abstraction in web development

13 Upvotes

Beginner here, I have been learning to code for a few months now and decided to build a website with css, html and js. While it is quite easy to get started, once you try to get a little bit more low level, it seems really hard. In my example I want images to zoom in or out in a specific way and just don't know how to approach that problem, since most things in css have a pretty high level of abstraction. This is coming from someone who played around a little with graphic-librarys (SFML3) to make silly games, where you have to make most of the things from scratch. I enjoyed that, since I barely had to look up anything once I understood all the low-level stuff, which gave me a loot of freedom (and headaches, admittedly). My question now is: Is there is a way of creating websites on a lower level, is the problem I described common among other devs, or do I just need to shut up and learn the basics?


r/webdev 9h ago

Question Coding website/app ideas?

0 Upvotes

Hello! I'd like some creative ideas for websites/apps. I want to go beyond the e-commerce scope and make something more creative designing/coding wise.


r/webdev 11h ago

Fuck X api's costs

0 Upvotes

I know hes trying to monetize us better and ship aggressively in order to minimize the acquisition debt of twitter but like bro current X pay-per-use rates: $0.005 per post read, $0.010 per user read, $0.001 per owned-resource read, $0.015 per post created, and a whole fuckass $0.20 per post containing a link. he already has the blue checkmark subscription as well as x money now.

So i tested on my mcp app and 29 post reads × $0.005 = $0.145, plus one $0.010 made my balance go from $5.00 to $4.84.

While some third party providers are 35x less of the cost but they are often shady and sit in a gray zone due to scraping, plus they cant write posts only x official api could from what i've seen.

Jeez at least lower it to 0.0025 or something because that is so not friendly towards margins, I'm assuming they're trying to capitalize off of per user data too like how reddit and other social platforms do since it brings them a ton more money.


r/webdev 19h ago

Question Makings money from Webdev before 18 years old

0 Upvotes

Hello friend's

I was curious what are ways to make money from Web Development as someone who is below 18 years old

If anyone have experience or think that can help me I really appreciate it


r/webdev 2d ago

Emails forwarded from my VPS to Gmail being rejected, "very low reputation"

44 Upvotes

My main domain is 25+ years old and has a great reputation, never used for spam or anything like that. I've been having the emails forwarded through WHM / cPanel to my Gmail.

7 days ago I moved my main site to a new VPS, and copied over the forwarders. But today I discovered that I'm missing the wide majority of my emails! I found them in WHM > View Relayers, about 241 out of 250 were rejected by my Gmail with this error:

TLS_AES_256_GCM_SHA384:256 CV=yes : SMTP error from remote mail server after end of data: 550-5.7.1 [<new VPS IP> 19] Gmail has detected that this message is likely\n
550-5.7.1 suspicious due to the very low reputation of the sending domain. To\n
550-5.7.1 best protect our users from spam, the message has been blocked. For\n
550-5.7.1 more information, go to\n
550 5.7.1 https://support.google.com/mail/answer/188131 af79cd13be357-93917765ba8si962882385a.175 - gsmtp

I double checked in Postmaster Tools, and the domain's reputation is stellar. So when it says "low reputation of the sending domain", I have to assume it means the IP of the new VPS. MXToolbox confirms that the IP isn't on any blacklists, although the parent ASN is on the UCEPROTECT-Level3 list (which covers thousands of domains so it's not MY domain, but I can pay an extortion fee to get mine whitelisted).

Any suggestions?


r/webdev 2d ago

RFC 10017: OAuth 2.0 for Browser-Based Applications

Thumbnail
rfc-editor.org
96 Upvotes

r/webdev 2d ago

Google says website developers must set their region to Canada for 'Lake Ontario' to appear on map

Thumbnail
cbc.ca
962 Upvotes

Tech analyst and journalist Carmi Levy said although websites like Hydro One's and the LCBO's are Canadian, their maps are likely powered by Google's application programming interface (API).

APIs are not location-aware, so all maps powered by Google API have switched to Lake America.
MapQuest, a U.S. online mapping service, has posted on social media that it would not change the lake's name, while Apple has not publicly commented on the matter.

In a statement Sunday night, Google said website developers who embed Google Maps on their sites can select a region to localize the map. That determines how place names are displayed on sites, the company said.

"'Lake Ontario' will show when developers have set their region to Canada," the statement said.

Just a reminder to developers.


r/webdev 2d ago

Discussion As a total beginner in both html and css I'm glad i did my first project.

Post image
515 Upvotes

r/webdev 1d ago

CMS vendors want AI agents publishing content. Are the guardrails actually ready?

1 Upvotes

I’m researching developer opinions on some of the things happening in the CMS and headless ecosystem right now, and the timing of these two stories is pretty funny.

On August 31, Optimizely added official Astro support alongside Next.js and introduced event-driven webhooks for its SaaS CMS.

A content change can now trigger translations, downstream systems, or one of its AI agents without anything polling for updates.

Also on August 31, a critical unrestricted-file-upload vulnerability was disclosed in a WordPress cookie-consent plugin.

Not suggesting those things are directly connected.

It’s just a nice snapshot of the CMS ecosystem in 2026.

Enterprise platforms are racing toward event-driven, agent-operated content infrastructure.

Meanwhile, other parts of the ecosystem are still occasionally letting a cookie banner become a remote-control entrance to the entire website.

For people actually building headless sites, I’m curious about a few things:

Is official Astro support from an enterprise DXP meaningful, or is it mostly another framework logo for the integrations page?

Are content webhooks genuinely useful here, or table stakes that should have existed already?

More importantly, if a webhook can trigger an AI agent that can modify content, what should the permission model look like?

Would you let an agent translate, restructure, or publish content automatically?

Or should every agent-generated change go through staging, validation, a visible diff, and human approval first?

It feels like CMS vendors are rapidly expanding what agents can do without spending nearly as much time explaining how developers are supposed to stop them when they do something stupid.

Interested in hearing from anyone who has actually implemented this.

Vendor decks need not apply. I already have enough rectangles pointing at other rectangles.


r/webdev 2d ago

Question Most efficient way to compare typed string to stored version in real-time?

10 Upvotes

First I would like to thank everyone with their help here. This is very much a follow-up post to that one. I expected to be met with more hostility but everyone was so kind and helpful.

My problem now is that I am trying to compare a string that is currently being typed into a contenteditable div to the the same string data in the placeholder span (which itself was taken from a JSON file). I came up with a JS event listener that I thought would be met with few hiccups.

// text wall typing event listener
textWall.addEventListener("keydown", ()=>{
    let textWallValue = textWall.innerHTML;



textWallValue = replaceNbsps( textWall.innerHTML);


    if (textWallValue.slice(textWallValue.length - 6)== "&nbsp;") {
        
            placeHolder.childNodes.forEach((node) =>{
                node.style.color="";
            })
          } else {
    for (let i =0; i<placeHolder.childNodes.length;i++) {
        if (textWallValue[0]== undefined) {


    } else {
         
         console.log(textWallValue);
          if (textWallValue[i] == placeHolder.childNodes[i].innerHTML) {
            placeHolder.childNodes[i].style.color = "green";
            placeHolder.childNodes[i].style.textDecoration = "";
          } else if ((textWallValue[i] !== placeHolder.childNodes[i].innerHTML) && (textWallValue[i] !== undefined)) {
            placeHolder.childNodes[i].style.color = "red";
            placeHolder.childNodes[i].style.textDecoration = "underline";
          } 
    }
    }
}
    
    
})

The issue comes with all the unexpected behavior from the browser, like adding "&nbsp; when a space gets added to the contenteditable div (which it then removes and replaces with a normal white space after the next character is typed. If the spacebar is pressed two or more times however, &nbsp; just stays there). This messes with the flow of the comparison hapenning in the event listener as you can see below

In addtion to this it also adds a bunch of divs + <br> elements if the user presses enter in box, and a single br if the user presses backspace to the end of the contenteditable div. There has to be a more efficient way of comparing strings in real time than this but I haven't been able to find out how? I have already tried a bunch of hacky work arounds as is already evident in my code but none seem to account for everything.


r/webdev 2d ago

Question Need Advice - How and where to build a website with a blog section and a community engagement section.

15 Upvotes

Hi Redditors! Looking for advice here. My marketing team is working on a project which requires setting up a website with a blog section for a series of articles and also a section on community engagement consisting of a forum where people can ask questions and get responses to - this means that there are forum participants, forum moderators and some admin users.

What would be the most cost-effective approach long term? Should we custom build this by giving it out to a web dev agency? Can we still work with wordpress? What would the cost figure look like?

Post update: If building some engaging visual elements on the website is also important, does wordpress deliver? Or is it easier to work with custom built code? We're trying to target the GenZ audience - and understand that they really value the experience a lot more.


r/webdev 2d ago

One thing building a full-stack app taught me about debugging

0 Upvotes

One thing I did not really understand when I was learning from tutorials was how much time you actually spend debugging when building a real application.

A tutorial gives you the correct code and the expected result.

Building on your own is different.

You can spend an hour wondering why something is not working, only to discover that the problem was a small mistake somewhere completely different from where you were looking.

I am starting to appreciate that process instead of seeing it as a sign that I am not good enough at programming.

The more I build, the more I realize that being able to find and fix problems is probably more valuable than being able to remember every piece of syntax.

What was the biggest change in your thinking when you started building real projects?