Skip to main content

Posts

My latest app: Collage!

Recent posts

How to make a fancy parallax scrolling website

This is my parallax scrolling website. The parallax effect is when objects in the background appear to move slower than the objects in the foreground when perspective is changed. I recently drew this picture of the ISS, and I decided to use it on the website.
First, I exported each of the layers in the drawing as PNG files (I drew it in Procreate).

Then, I added them all to a website using div elements (with background images set to the images) set up with CSS to lay on top of each other.
Using an awesome JS library called Rellax, I added a parallax scrolling effect.
And here's the code!

I made a tablet

I made a tablet that runs Chromium OS (the open source version of Chrome OS, the OS on Chromebooks). I made it using a 10.1" touchscreen display and a Raspberry Pi 4 computer. For portability, I bought a 12-volt battery pack and a battery monitor. I fit it into a small cardboard box, which looks like this:


Here are a few pictures:









I actually started with a Raspberry Pi 3B instead of the new Pi 4, but I decided to buy the Raspberry Pi 4 to help the tablet work faster.
That's all! Bye!

Automatic LEGO Pet Feeder

I made an automatic pet feeder with LEGO and LEGO Mindstorms EV3. I had the idea when Latte (our dog) wouldn't eat her food unless it was given to her one-at-a-time. Here are some photos and videos.