My very own WebOS - Stardance

Ship #2

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

I decided to reship this project because I wanted to add more features, which I did. The most challenging feature had to have been the settings app. Just changing the wallpaper and then being able to change it again. I’m just glad I figured it out. Although changing the background for the other stuff in display was relative easy, I guess once you do the heavy lifting once you’ll be able to handle the other stuff easier. I’m proud that I decided to make a settings app because I knew it wasn’t gonna be easy but it really impressed me when others did it so I guess I got inspired from them. Also I really love the feature where when you drag the mouse the green beam follows it, it’s so much fun. Honestly when you get to the page everything is very self explanatory. I hope the people that test my project have fun with it. It was one of my most favorite project to do.

4 devlogs
21h
15.05x multiplier
311 Stardust
WebOS 2

Try project → See source code →

Open comments for this post

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

2h 6m 59s logged

Alright I decided to also make users able to change the background color of the top bar, bottom bar, and calendar and I think that went pretty well. That was more of the easier challenges. Now I’ll ship it and I hope you’ll like it. I know I do.

Open comments for this post

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

9h 5m 38s logged

I decided to make a settings and then ship my project. This is one of the more challenging stuff but I got the wallpapers to work, at first I struggled because it would only change once but then I found for it to keep changing it.

Open comments for this post

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

5h 47m 26s logged

Update: Made a weather app using the weather API from open weather app which I really get the hang of APIs. After it was finally working | decided to add a calendar widget which I struggled with the layout of the day that is circled a bit. It just wouldn’t be centered and there was too much space at the bottom so I used flexbox, first centered it with justify content and align items, then used position relative placed it to the left, and then just went with negative margin-top to get rid of the bottom margin. I’m not sure if that made sense or was the right way to do it, but it works so I’ll just leave it at that. Lastly I wanted my website to give more of a Starfire look so I added a green beam like her powers and tried to match the green as best as possible. Honestly I’m not sure what to add next I might add a settings and then end the project with that but I don’t know if that would be too little. What do you all think I should add.

Open comments for this post

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

3h 37m 48s logged

I added a loading page with animations, to give it more of a OS feeling. After that I made a calculator app, which was pretty easy to make but I hope the design doesn’t look too bad.

Ship #1

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

I made my very own webOS. The most challenging part was making the notes window move, since I used multiple js files, and the ideas I had to fix it would just not work at first. Also just making a notes app alone was very challenging, but it did introduce me to many new concepts of JavaScript that I didn’t know about. I am proud, alone just making a project like this, I didn’t even know that I was capable of doing something so cool. Also that I can solve my own problems and don’t have to heavily rely on AI, and of my designs, the background and the icons are made by myself in Canva and I think they didn’t turn out badly. Things you should know, when checking my project out: there is another window, the about me window, you can access it by pressing the DelilahOS at the top-bar. Another thing, if you want to delete a note you have to double click. Also the grey circles are not buttons they are just there for decoration.

4 devlogs
25h
WebOS 1

Try project → See source code →

Open comments for this post

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

2h 47m 47s logged

I got to finish my second app which I decided to be a random quotes app using an API. So now I finished the first mission of the webOS and can’t wait to ship it.

Open comments for this post

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

6h 6m 24s logged

I got finsh my first App on this webOS. It can close and expand even made the textarea bigger when the window expands. Even got the App to show when it is active in the bottom bar and it works both ways. The window also closes when you deselect the the icon in the bottom bar. Now it is time to make my own app to finally ship it for the first time.

Open comments for this post

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

10h 12m 39s logged

My Notes app is finally working, this was a long and hard process with some trial and error, one thing I still need to add is a scrolling bar because everytime you add more than 4 notes it will just overflow and I can’t have that.

Open comments for this post

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

5h 27m 58s logged

Hello everyone, started my second project in this programm, and I honestly really love the idea of a webOS and got inspired by Starfire. I started by designing the background inside Canva, kinda glad how it turned out tbh. Then I made the top bar got the clock and date, even made my first draggable window. Although I’m kinda struggling with the expand button, still need to figure out how to get the window back to normal after it expands and the layout is a bit crazy when it expands.