You are browsing as a guest. Sign up (or log in) to start making projects!

My very own WebOS

  • 3 Devlogs
  • 3 Total hours

This is my very own OS that can be run in the web!

Ship #1 Changes requested

Built NightShift OS — a desktop-style OS that runs in the browser, made from scratch in vanilla HTML/CSS/JS with no frameworks. It has draggable/resizable windows, a working calculator, a terminal that responds to real commands, a notes app, and a music player UI. My own twist beyond the guide: focus mode (dims every window except the active one) and edge-snapping (drag a window to the screen edge and it snaps to half-screen).

Most proud of: getting the drag/resize/focus-mode system working smoothly, since that was all new to me.

To test: open the live demo link, double-click any desktop icon to open an app, drag windows by their title bar, and try focus mode from the taskbar.

Try project → See source code →
Open comments for this post

15m 26s logged

This is the feature beyond what the guide covers: a focus mode toggle in the taskbar that dims every window except the one you’re actively using, so you can concentrate on one app without visual clutter from the rest. Also added edge snapping: drag any window to the left or right edge of the screen and it auto-resizes to fill half the screen, like snapping windows on a real desktop OS.

0
0
7
Open comments for this post

36m 34s logged

Wired up all the JavaScript today windows now actually open when you double-click an icon, drag by the title bar, and resize from the corner. Got the calculator doing real math and the terminal responding to typed commands (help, whoami, date, clear).

0
0
4

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…