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

Pi WebOS

By @pi

  • 5 Devlogs
  • 11 Total hours

A WebOS from the WebOS mission, made by Pi
Open comments for this post

@pi on Pi WebOS

1h 58m 51s logged

Learned another basic JavaScript principle again (unpacking multiple value) :)
Meanwhile, I could do this ten times faster in Python without having to look something up every minute or so.

@pi

Learned another basic JavaScript principle again (unpacking multiple value) :)
Meanwhile, I could do this ten times faster in Python without having to look something up every minute or so.

Replying to @pi
0
Ship #1

@pi on Pi WebOS

This is Pi WebOS, a website that mimics the look and feel of a OS with moveable, resizable, and closable windows that are both responsive and smooth. There are multiple apps, including a bare bones web browser! The website has many small quality of life features, such as windows snapping back into the desktop and windows being preserved on reload.
It provides an intuitive walkthrough of almost every part of the OS and a feature list describing both the large things (like windows and apps) and the small QOL things (like links that open windows).
This project was largely to improve my comfortability with JavaScript and CSS
No AI was used to generate any code or text. AI was used to help debug and research.

Try project → See source code →
Open comments for this post

@pi on Pi WebOS

2h 24m 51s logged

Browser in a website = (Pi WebOS)²

@pi

Browser in a website = (Pi WebOS)²

Replying to @pi
0
Open comments for this post

@pi on Pi WebOS

2h 23m 41s logged

Behind the scenes there’s a lot that I’ve done.
Mainly, the window content is actually styled (and a few new windows have been added!), but there a a ton of small things that had to get done first.
There is a working (kind of) web browser that displays the url in an iframe, which is really cool, and actually not too difficult. It can’t display all sites because many popular sites intentionally disable being shown in an iframe, but it can go to hackclub.com.

@pi

Behind the scenes there’s a lot that I’ve done.
Mainly, the window content is actually styled (and a few new windows have been added!), but there a a ton of small things that had to get done first.
There is a working (kind of) web browser that displays the url in an iframe, which is really cool, and actually not too difficult. It can’t display all sites because many popular sites intentionally disable being shown in an iframe, but it can go to hackclub.com.

Replying to @pi
0
Open comments for this post

@pi on Pi WebOS

2h 44m 50s logged

I’ve added more windows and some other miscellaneous features. There was a lot of debugging, and coincidentally also a lot of forgotten keywords, like “let”. I’m too used to Python. I haven’t styled the windows yet, though.

@pi

I’ve added more windows and some other miscellaneous features. There was a lot of debugging, and coincidentally also a lot of forgotten keywords, like “let”. I’m too used to Python. I haven’t styled the windows yet, though.

Replying to @pi
0
Open comments for this post

@pi on Pi WebOS

1h 37m 12s logged

Starting the WebOS basic mission. I have windows displaying, moving, and closable.
Next is adding content to the windows, but also making the nav menu do stuff.
I had a weird bug with the rem unit changing based on the parent height. If you know advanced CSS, you’ll understand why that’s strange :)

@pi

Starting the WebOS basic mission. I have windows displaying, moving, and closable.
Next is adding content to the windows, but also making the nav menu do stuff.
I had a weird bug with the rem unit changing based on the parent height. If you know advanced CSS, you’ll understand why that’s strange :)

Replying to @pi
0

Followers

Loading…