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!

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!

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.

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.

- 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.

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.

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.

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!

I’ve been using budgeting and personal finance apps for years, and I’ve always liked tracking where my money is going. Over time I ended up trying a bunch of different tools and kept wishing I could combine the parts I liked from each of them into one app.

So for the past couple months I’ve been building FlyBudget, a free, private, open-source budgeting app inspired by tools like Monarch, YNAB, Mint, and a few others.

I wanted something that felt polished, but could also be self-hosted and completely controlled by the user.

The frontend is built with React, TypeScript, and Tailwind, and I’ve probably spent an unreasonable amount of time tweaking the UI.

Some of the stuff I’ve built so far:

• Monthly budgeting
• Account + transaction tracking
• Recurring transaction detection
• Cash flow / Sankey reports
• Custom reports
• Self-hosting with Docker
• Desktop app
• Demo instance so you can try it without installing anything
• Full documentation site

This is also my first real attempt at building an open-source project, so I’m still figuring out that side of things.

Would genuinely love feedback from other web devs, especially on the UI/UX, project structure, or anything that immediately looks like it could be improved. If you find the project interesting, please consider helping us out by giving a star on GitHub!

Demo + docs: flybudget.org
GitHub: github.com/dtymoszenko/FlyBudget

Windows Phone in the browser with an on-device file system built on IndexedDB, live tiles fed by each app, toast notifications + Action Center, apps (64 preinstalled,  the Store can uninstall and reinstall them):

• Phone, Messaging, People, Outlook Mail, Calendar
• Camera, Photos, Music, Video, FM Radio (real internet radio), Podcasts, Voice Recorder
• Weather, News, Money, Sports, Maps, Translator, Internet Explorer
• Office (Word + Excel with formulas), OneNote, Alarms (+ timer, stopwatch), Files, Storage Sense, Battery Saver, Calculator
• Settings, Store, Cortana (text and voice: alarms, reminders, notes, events, weather, calls, texts, Wikipedia, web search…)
• Games hub with gamerscore and achievements: Minesweeper, Solitaire, Wordament, Snake, 2048, Blocks
• Flashlight, Compass, Bing Vision (QR/barcode scanner), Wikipedia, Unit Converter, Mirror

Repo: https://github.com/ducbao414/wphone.dev

Techstack: nothing fancy, just vanilla JS with Hono for the backend (can run on Node or Cloudflare Workers).

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.

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 am trying to build game and wanna start building using canvas.
Is it normal to use canvas in react/vite? Any video tutorial please ??

i can't find any tutorial for react/vite with canvas

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?

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!

What do you think about it?
(BETTER TO SEE ON PC)

hey folks - I built a new tool for mac/pc, that has all the thing I've been searching for: palette management, color wheel, oklab and 5 other color spaces, including a RYB simulator and more!

I've launched it as a free public beta - would love to hear what everyone thinks of it, what you're using now, and how this compares!

Mac/PC download: colorschemer.com/app

jet-id is an open source universal unique-ID generator I built similar to nanoid or uuid. Unlike other unique-id generators, you can specify how many random bits (entropy) you want, and it creates the shortest id string that provides at least that much entropy using the Crockford alphabet, with dashes automatically inserted for readability. Dash inserting makes sure that no segment grows greater than 10 characters.

125 bits of entropy is the default and it works both CLI and programmatically:

npx jet-id -e 80
# V2BJABVRJ-S1TWXS-NTQA3       (20 random characters, 22 with the dashes)

npx jet-id
# 9GNK14S3A-728HK9-5NJQS-HWETM (25 random characters, 28 with the dashes)

It also supports timestamped-IDs and monotonic-IDs (monotonic ids sort in creation order within a single millisecond).

import jetid from 'jet-id'

jetid.timed()    // '1M41J22ER-RND9M6-3CZAQ-XT8GR'
jetid.mono(125?) // '1M41J2ZPK-8K0000-GE29AYBQ27-4496ZM40-29JSNX4'

jet-id is really fast too. Check out these benchmarks

It's available right now on npm: https://www.npmjs.com/package/jet-id
Direct readme link: https://github.com/seanpmaxwell/jet-id#readme

Feedback, suggestions, and constructive criticism are very welcome (so are Github stars ⭐)

Feel free to reach out to me on GitHub or Reddit

At work there’s CI, staging, QA, other people testing things, etc., but for my own stuff, it’s more just deploy, click around for a bit, decide it looks fine, and then ship it.

That feels a bit stupid because the bugs I worry about usually aren't the things I just changed. It’s someone arriving logged out or getting halfway through something and some edge case gets triggered.

Do you have a pre-deploy routine that has caught real problems? A checklist, any automated tests, or anything? Or do you guys mostly ship and fix things once a real person finds them?

I’m mainly trying to figure out what's worth doing pre launch vs. what just feels like pretend QA.

https://polymodus.sg/simulations for the simulation bench

https://polymodus.sg/labs/sluice for the data investigation bench

Is the ui off? is there missing features that would be great? is it unintuitive? does it need a tutorial?

For those of you who build websites for clients, how do you handle hosting and GitHub?

Do you manage client projects under your own accounts, or do you help clients set up their own accounts and have them invite you as an administrator or developer?

I’d be interested to hear how you handle this, especially for projects that require ongoing maintenance and updates.

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.