My very own WebOS - Stardance

Ship #2

@tlevi on My very own WebOS · about 1 month ago

I finished my WebOS 2 mission. I added the following three features:

* A button that changes the background color randomly.
* A Terminal window.
* A Random Number Generator window with a Generate button.

All three features are working successfully and have been integrated into the WebOS2 interface.

3 devlogs
1h
WebOS 2

Try project → See source code →

Open comments for this post

@tlevi on My very own WebOS · about 1 month ago

28m 45s logged

Added the last feature, which is a random number generator “app”. The project is finished, and ready for submission.

Open comments for this post

@tlevi on My very own WebOS · about 1 month ago

15m 8s logged

I added a terminal window. You can type help for available commands. I will add one more final feature.

Open comments for this post

@tlevi on My very own WebOS · about 1 month ago

18m 46s logged

I started working on the WebOS 2 Mission. I added a Change Background button, which changes the background color randomly. I also made some improvements to some of the movable windows. I will add 2 more new features

Ship #1

@tlevi on My very own WebOS · about 1 month ago

My Submission for the WebOS mission. This project was built with HTML, CSS, and JavaScript that mimics a desktop operating system. It features interactive windows for different sections: links, search tool, notes app, and an embedded YouTube video player. You can close the tabs, move them around, or minimize them by clicking on the tab names in the top left corner. Enjoy!

3 devlogs
4h
WebOS 1

Try project → See source code →

Open comments for this post

@tlevi on My very own WebOS · about 2 months ago

1h 29m 44s logged

Devlog 3 & Final:
The project is done! Improved draggable window system with better focus and z-index handling. Added 2 more windows with an extra functionality as stated in the guide. Finished the UI.

Open comments for this post

@tlevi on My very own WebOS · about 2 months ago

1h 7m 39s logged

Following up on the desktop layout in WebOS, I’ve added real interactivity to my project. Windows are now fully draggable across the screen, and the red close buttons successfully close them. With three apps completely done, the core window management works. Next up, I’ll be making some more apps!

Open comments for this post

@tlevi on My very own WebOS · about 2 months ago

1h 33m 21s logged

Started the project today.
Got the basic structure down — a desktop div, a window div, and a title bar. Wrote my first bit of CSS to make it sit in the middle of the screen. Then the fun part: making it actually drag.
The first attempt sent the window flying off the screen immediately. Fixed that, and suddenly it was working.
One moveable window. That’s it. I will add more features!