MeosOS Devlog #11

More bug fixes and also widgets!!!

I did some more bug fixing with the dark and light mode as well as window scaling. I think all bugs should be gone now, though I’m not entirely sure I didn’t miss any.

Widgets

I added three widgets:

• cat you can click to meow
• calendar
• a minimalist round clock

That’s all. I hope I can ship this now. (Though I am a bit paranoid of issues I didn’t notice)

MeowOS Devlog #10

Bug fixes and control center

Not much to say about this one. I spent a long time fixing a bunch of bugs and polishing the website. I also added a control center to the top right.

I gotta find some creative ideas to add to this hmm…

MeowOS Devlog #9

File explorer!

This was by far the hardest window to implement. Took me quite a while to figure out the recursive functions to browse through the files.

Features:

• Create folders
• Create text files
• Write things in text files
• Delete files and folders
• Everything is saved to localStorage

This was very fun. Javascript got kind of difficult but it turned out great. I will probably create some widgets now. :D

MeowOS Devlog #8

Another kinda long one…I got a bit carried away.

Maximize windows

I finally added a function to maximize certain windows. There were way too many bugs associated with that feature, that took way too long. Especially hiding the top bar while a window is maximized.

Loading screen

I also made the loading screen stay a bit longer on screen so people with high internet speeds will still be able to see it.

Gallery

Probably the easiest task of this devlog. Not much to say about it, it’s a gallery with pictures.

Search menu

This one worked surprisingly well. I somehow got the search function right in the first two attempts. Very fun to make.

Light / Dark mode

I changed my mind. This was the easiest task. I was avoiding this since I thought it would be super complicated, but it turns out it’s not. :D

That’s all I did. I still have a few apps in mind, so I’ll start working on those soon.

MeowOS Devlog #7

Music App

I finally finished the music application. I still have to find some songs I am allowed to put in there.

Loading Screen

I also added a loading screen with a cat-shaped loading bar. Took me a while to figure out how an svg works. The text also has an animation to make it more interesting.

Easter egg

I added an easter egg. It’s not much and not that difficult to find, but I won’t reveal what it is.

That’s all :D

MeowOS Devlog #6

It’s a long one…

Since I finally got my ship approved, I can now post my 9 hour devlog D:

I added a bunch of things and improved the design by a lot:

• New Design, looks much prettier
• Animations for interactive elements
• A command terminal, you can open windows with it
• A calculator, to calculate stuff ;-;
• a WIP music player (I need to find songs)
• A start menu before loading the OS.

Took me quite a while to figure out. Javascript isn’t really a problem anymore. I really enjoyed updating the design in CSS using :hover and keyframes. I’m very happy of how it all turned out.

MeowOS Devlog #5

I fixed some bugs. I didn’t do too much.

It is now time to ship this project. I hope that it works!

MeowOS Devlog #4

Getting the hang of Javascript

I made my own Stopwatch app without following the guide. Took me a while but I completed it and I am very happy with the result. I am now trying to do some more complex apps before shipping this project.

I still have some work to do, as the To-Do List App is not finished and a terminal App is missing.

That’s all .D

MeowOS Devlog #3

Still learning Javascript

Javascript is still kind of confusing for me, I’m starting to figure it out though.

Notes App

I finished my first app with functionality. You can write stuff in it. Unlimited new note pages can also be created and there is a button to wipe everything.

Looking forward to adding additional content :D

MeowOS Devlog #2

Learning Javascript

Javascript took me a while to figure out. I found getting the Javascript file to work with the website a bit confusing, but the guide helped me through it.

I have added:

• App icons (though not all of them assigned)
• two apps (still empty)
  • draggable
  • close / open them
  • the selected app sits on top.

I look forward to coding my first proper app with functions.

That’s all :D

MeowOS (placeholder name)

My first html project!

I had some prior basic html knowledge, but that was a long time ago.
I chose this mission because:

• I want to improve my website development skills
• This mission gives practically infinite possibilities for apps, so I have a lot of creative freedom

With the first 100 minutes now logged, this is what I completed:

• a desktop background
• a top bar
• a clock
• a temporary non-draggable window

I’m trying to not use pixels as measurement since I want the website to work on all resolutions. I’ll see if that will work out.

All in all, I’m very happy with the design. I got back into html and didn’t feel like anything was that challenging yet.
I have never done Javascript though, that will probably be a bit harder.