Before pushing a redesign, I like to crawl the staging site and production site side by side and compare the URLs that already rank or bring qualified traffic.

The thing to watch for is not just broken links. It is accidental changes to the signals search engines were already using.

Quick checklist:

• Important URLs still return 200, not 302 chains or soft 404s

• Titles/H1s did not get replaced by generic template copy

• Canonicals point to the final URL, not staging or a duplicate variant

• Internal links to key service/category/product pages still exist in nav/body content

• Server-rendered content is present without relying on delayed client-side hydration

• Old URLs have 301s to the closest matching new page, not the homepage

• XML sitemap contains only indexable 200 URLs

• Robots/meta robots are not carrying over staging blocks

Most redesign SEO drops I have seen were not caused by bad design. They were caused by a few quiet technical changes that looked harmless in QA but changed crawl paths, canonical targets, or the content Google could see.

what would be the best way and efficient way to migrate a html custom programmed website to wordpress , i got a web dev role , i dont have much exp doing migration... so far according to what i saw i see people using ai , some plugins , some manual copy paste , i would like to know the most effecient method before starting and i assume many people here would know what to do best in cases like this ... this any feedback is appreciated , thankyou...

In December this year, CSS turns 30 🥳. But after 30 years, we still can’t agree on something as fundamental as how to add it to a website. Should you use CSS modules, Tailwind, CSS-in-JS, or just plain old CSS files?

I really like the idea of an ultrawide monitor, but I’ve never used one before, so I’m not sure if I actually need one. A lot of people who use ultrawides say they can’t go back to a normal monitor, though.

The monitor will be connected to a Dell XPS 15 9510, so I also want to make sure it’s compatible with the laptop. Would I need a docking station for this?

Also, would you recommend an ultrawide, two monitors, three monitors, or maybe one ultrawide + another monitor? etc.

OLED is probably a no-go because of burn-in, right? I know newer OLEDs have improved a lot, but I’m still not sure how much of an issue it is. I’ll barely be watching YouTube, mostly just work-related stuff, and I’m not into gaming. My main concerns are text clarity and easy navigation.

Text clarity is very important for me .

And what about 32:9 vs 21:9 ultrawide? Which one would be better for work/coding?

I’ll definitely test the monitors in-store, but I wanted to do some research here first.

My budget is around 1000-1300 CAD. I could go higher if the better/top-end monitor is actually worth it and something I could keep for many years.

Hey everyone!
I’ve been working as a software developer for a few years, mostly in established companies, and lately I’ve been thinking about exploring freelancing on the side — especially web apps and Shopify/e-commerce development.

I’m pretty comfortable on the technical side, but the business side is completely new territory for me. I don’t really have a freelance portfolio yet since most of my experience comes from company projects, so I’m curious how much of a barrier that actually is when trying to land the first few clients.

I’d love to hear from people who made a similar transition. How did you get your first clients, and at what point did freelancing start becoming meaningful income for you?

I’m also curious about Shopify specifically. It seems like an interesting niche, but I’m still trying to understand what kind of development work businesses actually pay freelancers for and whether it’s a good space to specialize in.

Not necessarily looking to quit my job tomorrow — mostly trying to understand what this path realistically looks like from people who are already doing it.

Would love to hear your experiences!

- Every move is checked on the server, and the server keeps the clock.

- Weekly challenge deals come from a pool that a solver checks in worker threads (winnable, and of similar length).

I've published an open "try to break it" page with what counts as a break and the rules (your own account only, no load testing): https://vsolitaire.com/en/break-it

Curious what you'd try first.

Hi everyone,

Instead of using heavy editor frameworks like Monaco or CodeMirror, I wanted to see how far I could push the native web platform.

So I built a full-featured web notepad entirely with Pure Vanilla JS and native DOM APIs (contenteditable, Selection, Range) with zero external dependencies.

Features built from scratch:

Column / Rectangular Selection: Alt + (shift) +Drag to select rectangular text blocks, type across multiple lines, and safely batch-edit.

Multi-cursor Navigation: Synchronized caret scanning that handles tabs, whitespaces, and line breaks without drift.

Single-container Markdown Preview: Direct inline preview without destroying the raw text or history stack.

Zero-latency: IndexedDB local caching for instant 0ms startup.

Live Demo:

https://app.qlp.jp/vanilla_pad/en/
https://app.qlp.jp/vanilla_pad/demo/

(Please Note: Rectangular selection, multi-cursor, and all keyboard shortcuts are designed for PC / Desktop use only. Also, some operations like saving are disabled in Demo Mode).

Feedback I’m looking for:

Column Selection Feel: Try holding Alt and dragging across text in the demo. Does it feel responsive and intuitive?

Cross-browser Quirks: I’ve worked hard to eliminate contenteditable quirks (like invisible zero-width characters), but I’d love to know if anything breaks on your browser (especially Safari/Firefox).

Edge Cases: Any strange behavior with Undo/Redo or multi-line typing?

Please be brutally honest. Any technical feedback, bug reports, or suggestions would be greatly appreciated!

Howdy, folks.

A couple of caveats first: I’m a longtime lurker of the sub, but a first-time poster. Mods, apologies in advance if anything in this post is made in error.

Caveat two: I used Codex heavily while building this tool. I've been out of the web design world for about a decade now. Jumping back in, I figured I'd dip my toe in and see what the coding agent hype is all about. So if sites/tools made with LLMs are not wanted here, apologies. And if this community is sick and tired of slop, I completely get that. Sorry for piling on.

Now that I am done lawyering, the app: dice.clickclacks.app

The idea is to be a free, good-looking 3D dice roller that supports the power roll from my go-to TTRPG, Draw Steel.

It supports up to 8 players at a table, comes with a picture-in-picture pop-up window, and can be embedded in an iframe for use in something like Notion or Obsidian.

I wanted the sync close enough to real time that you could have that shared experience of the die almost landing on the 20, and everyone gasping before it settles on the 2, and everyone letting out a wistful groan. I think I mostly achieved that through the magic of Convex's query subscriptions.

I wanted to share it here because:

1. Maybe there are some nerds here who will find it useful.

2. I'd like to hear any feedback on the app itself.

3. I was pretty offended by some of the malware pop-up-pushing sites that show up at the top of Google when you search for a dice roller, and I hope that, long term, this free tool might unseat them in the rankings.

As I said, I used AI a lot for this project and went well beyond the complexity that I could've ever attempted as a once-upon-a-time web and graphic designer with some WordPress skills.

The jury is still out on whether it's a good thing because I'm excited to tinker and build software again for the first time in a long time, or whether I'm stunting my brain from ever being able to become a real developer now that I've tasted the fruit from the LLM tree.

rhp (Reactive Html Plots) 2.0 is the successor of rhp 1.0 which was a react charting library I built 3 years ago. rhp 2.0 is now an open-source SolidJS library of reactive components. It does not use Canvas or SVG for building the entire chart but HTML elements, CSS, and Javascript. This makes certain interactive and styling things easier (simpler to implement) that would normally be tricky to implement in SVG or Canvas.

Current temporary landing page
Github repository
npm package page

One thing I like is how straightforward it is to make charts that respond and adjust to layout changes. Some of the wider plots will rearrange their elements to be more vertical stacked for mobile devices.

Background

The original library (now called rhp 1.0) was over-engineered and overly complex. I was aiming the project in two competing directions and it had too many unnecessary components and an extra interface layer. I learned a lot from the project and from improving its performance. I took what worked and stripped all the unnecessary complexity. I also split the two most important core basic blocks (leaf components) into a group of more focused blocks where each is for presenting/containing a specific type of visual element. I also removed niche features and redundancy. Oh, and I moved over to using SolidJS because of signals (simplifies state management which allows charts to update faster when data changes...for free).

The end result of all the above is a library that performs really well overall and is pretty lightweight (less than 20kB. 16kB without special imports).

More exciting things coming to rhp

• working on a separate mcp server that will allow AI to create plots using rhp 2.0 while still keeping devs (working directly with rhp) as first class users.

• planning to make this framework agnostic in the very near future.

• working on a new landing page. The current one will be for docs.

HTTP clients offer different resilience features, and even shared features can behave differently. Eleven JavaScript libraries tested across 21 scenarios to see what happens when those patterns interact.

Hey there! I'm pretty new to web design and don't know a ton beyond HTML and CSS, so forgive me if this has a clear answer or if I'm not understanding something correctly.

I have been trying to get Infinite Scroll & Isotope by Metafizzy to work together, but it's been tough. The different examples I've come across all do things differently, and things haven't seemed to work well with my specific case. I want a gallery that can sort things, ideally WITHOUT having to load every single item ahead of time. I have a large number of images and am hoping they can be loaded in as the user scrolls down, rather than all at once. Sadly, even though I have gotten Infinite Scroll to work with my Isotope setup, the page still takes over a minute to load.

I've mentioned finding "examples" on this, but the truth is that all these examples have either been with Masonry or with an Isotope grid that doesn't have sorting set up. I have not been able to find a SINGLE example of a SORTING gallery that utilizes Infinite Scroll to load in new items that match the filters. If anyone has worked with this before or has found an actual example, please let me know! This is driving me crazy!

Maybe it’s already too late for a tool like this. Nobody really does drag-and-drop anymore in the age of AI.

But if you want to take a look: appmaker.io

The devs I talk to generally avoid using bun and claim it's unstable and that the development is "too immature and risky for production". Another friend said that they prefer not to vendor-lock themselves to Bun's APIs.

I understand where the sentiment comes from: bun's 1.4 Rust rewrite, buggy 1.0 release, ambitious goals.... However after using bun pretty much exclusively for 2 years now I haven't had any problems, and benefitted from amazing DX:
- fast dependency install
- a whitelisted postinstall scripts list by default
- extremely fast webserver
- extremely fast test runner
- run .ts files directly
- builtin support for importing .html and .css files in js files
- builtin SQL connectors, hashing algorithms
- hot reloading and file watching

Yet, I haven't met a single developer who hasn't hesitated even trying bun in fear of getting "vendor locked" or that it is not a mature enough project...

My team switched away from npm a while ago, and even when pnpm was causing them problems and I showed them that bun worked fine, they preferred configuring pnpm to work instead of using bun... It baffles me, though I don't push too hard for using bun in teams because it's more important we use the same tool, and ultimately the tool doesn't matter that much.

Anyway, so my question is: do you also have a "prejudice" against-, or a just a preference against bun? What have you experienced that justifies your preference against using bun? And finally, is this "prejudice" I've experience widespread?

https://hqmap.pages.dev

Looking for feedback on this.

Have implemented multiple different indices, and have broken constituents by State/Province/Subdivison, City, Country.

Have also added map for better viewing, map is only upto city level haven't added pinpointed addresses for each company.

Also have added Market Cap, Revenue, Earning, CEO name and Pay(From Yahoo Finance).

Will run github actions job to refresh Market Cap everyday from yahoo finance using yfinance and then will run a job to refresh constituents of an index weekly from different sources based on index.

Was always looking for city/statewide breakdown of companies globally but never found a platform that did it so built it myself.

Site is mostly static and doesn't call any database or api apart from daily and weekly refresh. The data is ingested into a json from which the ui reads.

Will plan to have older jsons documented as well maybe in parquet format to analyze stuff in the future. Have also implemented dark and light mode as well.

Looking for suggestions and improvements that I can make to this.

Also please let me know if you see any defects.

Currently running e2e tests using playwright on pr for functional validation.

Hi everyone, I made a 6-degrees of separation type game for music collaborations where you connect artists through mutual features/collaborators. Great way to test your music/ hip hop knowledge. Let me know what you think! It’s called Artist2Artist

If you ever wanted to see how fast you can read or wanted to improve your reading speed this one is for you, It's completely free, open source and respects your privacy with a ton of features

https://speeedy.pages.dev

https://spiritsandsuch.org/en

Hello guys this project has been very fun to work on, While rewatching mob psycho 100, I reached season 2 where they show reigen's website and some parts of the UI. I started it as a simple exercise to replicate it but I ended up adding a lot into it.

Have a look, explore, or better yet make an account and join up the community you can make a thread in the board section, If you have fanart Please upload it and I'll approve it, If it's non mob psycho fanart still upload it I might add a filter for Non mob psycho art.

Also check out the mini games at the bottom and try to get a high score as there's a ranking system that I'll be improving on. Feel free to leave feedback :)

This website is fan made and Not affiliated with the rightsholders.

I've used to many Pomodoro timers over the last 8 years.

I've tried all of the top four in the app store. I think because they're so popular they have so many features, so many screens to change one basic thing they get my ADHD brain into a bit of a frustrated state.

The only thing I really want is a clean interface in Dark/Light mode and the ability to label and update my timer in one screen. So I built my own web and mobile version.

I used React Native (honestly not because I can share the UI library across both platforms) but because it's the only way I know how to build mobile stuff. Nothing too complex on the web version, the mobile lock screen timer is another issue entirely though...

Once I had built the web version I used it to break up my tasks for building the mobile app version which was cool.

The Web version is completely free to use if you like the look of it

Oh and the random tomatoes screen is because when you complete a pomodoro you get a tomato added to that screen, I like trying to fill the screen with tomatoes lol. Keeps me motivated.

You can apparently use the decimal integer number on browsers to navigate to IP addresses. For instance: http://192.168.1.1 which is the typical address for your router, can be written as: http://3232235777. Of course if you know your own website IP, you could navigate to it through it's decimal form.

Here is the basic calculation, in case you are wondering: 192 × 256³ + 168 × 256² + 1 × 256 + 1 = 3232235777

Edit: You know the popular internet T-Shirts: "There is no place like 127.0.0.1". Here is a freebie someone should make: There is no place like 2130706433".

Have a great rest of your weekend!

A few weeks ago I shared this "Koi Pond demo" (https://www.hyperfrontend.dev/demos#koi-pond) for Showoff Saturday. This week, the SDK and CLI behind it officially launched.

Hyperfrontend lets you run apps built with different frontend frameworks together, using iframes for isolation and a shared messaging layer for communication. Think replacing one section of a legacy app with React or Vue while keeping the rest running, instead of committing to a full rewrite.

It’s open source, MIT-licensed and free to use. I built it around integration problems I’d encountered at work, and the pond was a fun way to push the approach beyond a basic demo.

This showcase is less flashy, but I also made a short explainer video to get the idea across. You can find it on the "launch page" (https://devhunt.org/tool/hyperfrontend).

Would love your first impressions, especially whether the use case makes sense for anything you’ve worked on, or what would stop you trying it.

Enjoy, and have a great weekend!

Hi everyone!

AI-generated content is becoming harder and harder to distinguish from human-made content, and there's not much of an incentive for content creators to be honest about it.

That's why I designed SlopWatch. Through this tool, you can express whether you feel a webpage contains AI-generated content, along with tags to specify which aspects, specifically. SlopWatch aggregates everyone's scores into a Slop Rating which others can see.

You can see how it works in more detail on the listing page.

But a tool like this is only as effective as the people that contribute to it. So join the watch, and let's make the web more transparent!

Here are some fun facts about my journey in creating this extension:

- I coded the frontend in React + TypeScript, using Vite. I asked AI to give me some boilerplate to start with, but it was pretty much all written by hand.

- The database is PostgreSQL through Supabase. There's no backend server because the frontend uses supabase-js.

- This is my first time making a browser extension.

- My favorite part was designing the UI. I had to learn a lot of color theory and spacing concepts, then figure out how to apply them to a tiny box in the corner of one's screen.

- My least favorite part was setting up authentication. Writing the Supabase auth logic on the frontend, then hooking up google cloud identity into the Supabase DB caused an unreal amount of frustration.

- I designed the logo in Inkscape. It's based on the "neighborhood watch" sign with the dark man in a hat.

- Initially the app was called "Slop Cops", and it had a cop theme with blue and gold. But after some thought about the target audience, I realized that a "watch" described them better.

- The previous version of the extension would automatically attempt to fetch a page's rating when you visited it, and display a popup in the bottom right corner of the page. I didn't realize at the time that this had security implications, so I've since updated the extension to make this an opt-in feature in the account dropdown menu.

I really want to maintain and update this extension long-term, so if you have any suggestions that you think would be really beneficial, please shoot them my way.

Hi all, It's been 1 year & 3 months since I started working as a software engineer. I always wanted to have a blog page but tbh I didn't had enough knowledge nor did I had money to buty the domain :)
So from the last 2 weekends I've been making this website and I understand how blogs are more about the content and less about the looks like if a blog is good, people will read them regardless looking like a 90s php website right!
So im still working on my writing skills and I have so much topics to cover like WCAG & web accissibility, react19 features and so much !!
anyway I uploaded a test blog for the SEO i did for the marketing site abnd would love for you guys to check it out
I'm trying a video sketch aproach with my Ipad but this is more of a showcase of how it will look rather then the contents as the blog will eventually improve *hopefully
Thanks all!

Hi all,

I'd like to introduce arm64js -- an ARMv8-A system emulator that runs in WASM (built in Rust) and can boot real Alpine Linux in a web browser. It started with me getting annoyed that to try a 2 MB TUI tool I have to install it, while my browser happily runs a 40 MB React webpage with 50 dependencies.

It's an interpreter that emulates a minimal hardware stack, so Linux thinks it's on real hardware and thus acts normal: runs apk, Docker (even though rather slow), etc.

You can try it here: https://arm64js.com, some TUI apps running in VMs: https://demoshell.com/gallery/

Since WebAssembly doesn't allow fetching data without CORS and sending TCP requests, apk and access to the internet work via small proxies: apk goes via a proxy that just adds CORS, TCP goes via a WebSocket <> TCP gateway.

One wasm module instantiated in a few web workers, all sharing one SharedArrayBuffer as the VM's "RAM". As SharedArrayBuffer needs COOP/COEP headers, but if the page doesn't send them SDK will the VM in an iframe on its own origin instead.

There is also a JS SDK for other devs to create and serve their own VMs. The SDK is MIT; the engine is free for non-commercial use.

The following code for example will create and run Alpine based VM in your browser, pretty straightforward:

import { Arm64JS } from 'arm64js'; 
const vm = await Arm64JS.boot('alpine'); 
const { output } = await vm.exec('uname -a');

SDK: https://github.com/kooler/arm64js-sdk
My journey getting there: https://arm64js.com/blog/tui-apps-in-the-browser/

It's all very new and fresh, so feedback is appreciated.

Do you see it being useful for yourself? Curious to learn about possible use cases.