My very own WebOS
- 5 Devlogs
- 8 Total hours
This is my very own OS that can be run in the web!
This is my very own OS that can be run in the web!
So today I was able to grind out and basically finish everything I wanted. I started off with making a projects app that was like a little carousel with arrows that showed some of my projects, then I was also able to make a Songs app, where I used spotify embedded to include 9 songs (in a 3x3 grid). I thought everything was going very well and I had to do some research for all the special functions of course. Then, I also added a loading screen where you had to click to enter and made a startup sound that would play. Pretty happy with my progress and loved how it came out!
Today it was pretty simple as I just worked on the my first app window and it was suppose to be a simple about me page. I had to fix a problem with the text not aligning to the middle at first for some reason and it was because I forgot to add flex into the window. I was also able to figure out how to add my socials along with their respective logos side by side with it all linked up. Next, I will be working on implementing probably more apps on my os!
I spent a bunch of time just working on creating an app icon inside Weby and I was just trying to figure out once again how html worked. I am not going to lie I did get lost in the sauce with the code when I first opened it up today because I had a mini brain fart, but then I was able to pick up from where I left off yesterday. Making the windows and new classes took me a while to figure out. Then, I had to also work on the orientation of the windows, basically meaning trying to bring the recently clicked window to the top of the section. Lastly, I worked a lot on just making all the code readable by leaving comments so that when other people, including myself, read the code I can follow through pretty easily. I also made sure to put everything to more condensed and simpler versions so I don’t have chunks of code when I can have lines.
Today, I first started to work on the window outline and making the welcome screen pop up thing look good. I was just playing around with a lot of the code because this was my 2nd day actively using html to code an interface. After a while I was also able to get a background and a header up and running. There were a lot of times I had to go google issues; for example, when I was working on the headers the “Weby” was suppose to be directly in the center of the webpage but for some reason it was a little offsetted. After getting all the basic screen set up done I was able to move and do more detailed work for the screen. I made a close and open button, and also blurred the background of my welcome screen to make everything look more pleasing and function better. I’m looking forward to making apps on the OS next!
Soooo I started the new webos project that I happened to find under the missions tab. I think that it’s such a cool project that I will be able to do. This will also be the first time for me to code in HTML and also CSS so it would be a really good learning experience for me. At first you can see I was just messing around with the fonts and also the possibilities of what you can do with HTML. I imported a shrimp dish on as a computer so I could see how the import picture worked. Then after a bit of figuring out how html functioned I was able to make kind of a basic intro/welcome screen that would include my socials and just a quick introduction to weby (you can see on the blue background pic on the right).