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

My very own WebOS

  • 7 Devlogs
  • 8 Total hours

This is my very own OS that can be run in the web named SairOS! https://sairsides.github.io/SairOS/ If something now working in on github page, ctrl + shift + R , will fix it.

Ship #2

I made my own WebOS named SairOS.

Functions that were for WebOS 1 mission:
Live clock
Notes app
Calculator
My Portfolio(connected https://sairsides.github.io/ through iframe)
Welcome window(you can open it back by pressing “SairOS” on the top bar)

Functions for the WebOS 2 mission:
Settings(where you can change the wallpaper)
Calculator
Boot animation with sound effect

I recommend pressing ctrl+shift+R in github page if something does not work. Also the green button is both maximise and minimise buttons.

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

46m 42s logged

Added boot animation with sound. Fixed maximise and minimise bug with window(btw green button is both maximise and minimise button)

0
0
2
Ship #1

I made my own WebOS named SairOS.
Functions:
Live clock
Notes app
Calculator
Settings(where you can change the wallpaper)
My Portfolio(connected https://sairsides.github.io/ through iframe)
Welcome window(you can open it back by pressing “SairOS” on the top bar)

Most challenging part was making my first own Welcome window, after I finished it and understood how everything works, I did not have problem making more windows.

I really had fun making a this protect!

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

1h 1m 52s logged

Made hover animation. An app(note app). To open it you need to double click like in a real OS. Added also little details like, that the window and go under or over the top bar. If for example the Welcome Window is blocking the Notes app, just click the Notes app to bring it back to the front. Did not make the other buttons work yet.

0
0
4
Open comments for this post

1h 17m 31s logged

Fixed a bug with the background. Welcome window is now draggable, closable and openable. You can open the Welcome Window by pressing the SairOS on the top bar. Next I suppose I will make the other buttons work also.

0
0
2
Open comments for this post

1h 58m 12s logged

Today I added a window, wallpaper, top bar with an OS name and a live ticking clock with JS.
Next time I will make windows closable, openable and draggable.

0
0
2

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…