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

Delma

@Delma

Joined July 13th, 2026

  • 2Devlogs
  • 2Projects
  • 1Ships
  • 0Votes
Ship Changes requested

What did you make?
A full web-based OS called AERO OS, built only with vanilla HTML, CSS and JS — draggable windows, a taskbar with Start Menu, and apps like a Terminal, a live Resource Monitor, and Devlogs.
What was challenging?
Making the window dragging feel smooth and native without any library — getting the pointer events, focus, and z-index logic just right so windows lift and move naturally.
What are you proud of?
The window manager, honestly — it's all hand-built and it actually feels like a real OS, drag, resize, minimize, maximize and all. The whole glassy HUD look also came together nicer than I expected.
What should people know to test it?
Just open the HTML file in any modern browser, no install needed. Double-click icons to open apps, drag windows around, and try typing help in the Terminal.

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

17m 40s logged

recently paused adding features to Aero-OS to focus entirely on performance, and rewriting the core code inside js/app.js and css/style.css made a massive difference. First, I threw out heavy third-party dragging libraries and wrote a native window manager in app.js using vanilla JS PointerEvents. By combining requestAnimationFrame() with GPU-accelerated CSS translate3d, window dragging immediately jumped to a buttery-smooth 60 FPS. I also implemented lazy loading: app DOM nodes are now injected only when opened and completely destroyed on close, keeping memory usage totally clean. Finally, I streamlined style.css by stripping out expensive paint-heavy shadows and blur filters to ensure fluid transitions. These tweaks cut my initial load time down to a fast 0.8 seconds and reduced the core bundle by 70%.

0
0
1

Followers

Loading…