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

catOS

  • 2 Devlogs
  • 2 Total hours

Custom WebOS

Open comments for this post

50m 16s logged

the window moves now.

you can grab welcome.exe by its title bar and fling it around the desktop, hit the little red dot to close it, and click xerneasOS up top to summon it back. it’s a real window now. it even has a title bar.

spent a while wrestling with the drag math turns out you have to keep track of the cursor’s offset from the window when the drag starts. otherwise the window instantly teleports so its corner snaps to your mouse. not exactly the intended user experience.

also did some housekeeping: ripped all the CSS into style.css and the JavaScript into script.js so my HTML isn’t one giant cursed wall of inline styles anymore. windows are now a reusable .window component, so making future apps should be way easier.oh, and there’s a live clock in the top bar that updates every second. new Date() my beloved.

the cat remains. the cat is eternal.

next time: a real wallpaper, maybe an actual second app, and slowly making this feel less like “one draggable window about a cat” and more like an operating system (that’s still about a cat)

0

Loading discussion…

0
2
Open comments for this post

47m 3s logged

today i learned the difference between margin and padding. profound stuff. life-changing, really.

anyway none of that matters because i put a picture of my friend’s cat on my website and now it’s the best site ever made.

just started webOS development! things i poked at:

  • styled everything neon teal because i just can
  • google fonts (VT323 my beloved)
  • object-fit: cover so the cat doesn’t get crunched into a horror image
  • border-radius so the cat has rounded corners now. very important. mission critical some might say

next time: probably a wallpaper, a window, maybe a clock. or more cats. undecided.

0

Loading discussion…

0
5

Followers

Loading…