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

My very own WebOS

  • 2 Devlogs
  • 5 Total hours

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

Open comments for this post

2h 31m 49s logged

hatOS Devlog #2 (Draggable windows, close button, open button, custom app and its icon)

My webOS now has moving windows and a real app! I cleaned up my messy code by moving the styles and scripts into separate files (style.css and script.js).

I made the main window draggable from its header and added a working close button.

Finally, I built a Notes app with a sidebar that dynamically loads different notes from a JavaScript array when you click them!

hatOS Devlog #2 (Draggable windows, close button, open button, custom app and its icon)

My webOS now has moving windows and a real app! I cleaned up my messy code by moving the styles and scripts into separate files (style.css and script.js).

I made the main window draggable from its header and added a working close button.

Finally, I built a Notes app with a sidebar that dynamically loads different notes from a JavaScript array when you click them!

Replying to @Roombla

0
1
Open comments for this post

2h 16m 27s logged

hatOS Devlog #1 (OS Desktop, top bar and welcome screen)

hatOS is a custom WebOS. I’m currently part 2/5 of the guide, and I just finished the UI layout. I set up a top menu bar with a live working clock, and built a centered box using pink and aqua gradient. Inline styling in HTML was a bit of a headache to organize and keep track of, but I managed to add some personal links, text and a funny gif. I did face some errors and complications, but I managed to solve them.

hatOS Devlog #1 (OS Desktop, top bar and welcome screen)

hatOS is a custom WebOS. I’m currently part 2/5 of the guide, and I just finished the UI layout. I set up a top menu bar with a live working clock, and built a centered box using pink and aqua gradient. Inline styling in HTML was a bit of a headache to organize and keep track of, but I managed to add some personal links, text and a funny gif. I did face some errors and complications, but I managed to solve them.

Replying to @Roombla

0
19

Followers

Loading…