MeowOS Devlog #15

Some small changes before shipping!

• Made the clicking and typing sound be turned on by default
• Changed some window width settings
• Changed terminal commands a bit
• Fixed the search menu icon size

I should be able to ship this now.

MeowOS Devlog #14

Added a pink theme

This was upon request by someone from slack, they wanted a pink theme so here it is.

Changes to the terminal

I reworked some commands. I bundled all the app commands into one, so it’s no longer “todo”, but “app todo”. It’s a bit cleaner.

Also did this with the themes, but I forgot if I did it this devlog or the last one.

Setting for maximizing window

There is now an option in the settings to hide the taskbar (the thing on the bottom) when the window is maximized. I really over complicated things while trying to make it work, found out it was just a one single line of code that was needed.

This should be all I think

MeowOS Devlog #13

Themes!

I decided do a complete overhaul of the themes. Instead of dark and light mode, there are no five different themes to choose from.

I had to refactor almost everything since the code from before was pretty poorly made.

Browser URL bar

The browser URL bar works now! You can now enter website addresses and they should show up. (Do note that some websites block iframes and may not work).

Some sound effects

I added a typing and clicking sound effect. You need to enable it in settings.

Small tweaks

• I finally changed the notes delete button. Instead of deleting every page, it now only deletes the current one. Also, the placeholders are actual placeholders now, so they hide themselves when selecting the text and reappear if the text is left empty. The title and date of the notes also get saved now.

• I found out why the music player playlist wasn’t getting resized along with the window, I was able to fix it with just one line of CSS code.

• Fixed the stopwatch reset button not changing the play button’s icon if the time was still running.

MeowOS Devlog #12

Some small stuff

Resizable windows!

I made most windows resizable. I had to fix a lot of CSS for that, but I’m glad it works now.

Also tweaked some minor stuff.

(Notice how windows are smaller in the picture)

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.