Skip to main content

Working on new website

Hi and I'm not sure if I like this font for everything.
Nope.
Hmmmmmm...
I, um...

(fonts may not display correctly on all devices)

OK. But this is not really my favorite. 
(This font should look like Arial minus the text 
under Updates.)
So... I'm working on my new website now!




Designed with Autodesk Sketchbook

I hope to release the new website soon! 
Why am I making a new website? 
This website is actually a blog made using Blogger
Using it is supposed to simplify the process but there are 
limitations that also apply for every website/blog creator. First of all, 
you probably can't do anything really fancy. For example, 
you can't hope to make a system using web accounts that will 
actually allow any special functions like favorite posts. Also, if you want your 
website to look nice, website/blog creators claim that they got it all! ...but they 
don't. For example, Blogger doesn't really have Material Design, a design 
language that makes components like flat sheets of paper with shadows, a unique 
click effect, animations, and more! I am very fond of Material Design. I also want additional 
fonts which are not available in some website/blog creators (like Blogger). How am 
I going to get all of this into a real website without a website creator? The 
answer is by using the programming language for the web: HTML. I will 
also use CSS (for styling) and Javascript (which is NOT the same thing as Java). 
Feel free to share your thoughts in the comments and have a great day!

UPDATE: The new website is out as a Blogger blog because the "Blogger Team" added Material Design to Blogger. It may not have all the planned functionality, but I learned recently that those functionalities can be added using HTML and Javascript (usually with some CSS). YAY!

Comments

Popular posts from this blog

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!

Book Review: A Taxonomy of Love by Rachael Allen

This Book on Goodreads: https://www.goodreads.com/book/show/34227670-a-taxonomy-of-love
My Rating: ⭐⭐⭐⭐⭐
My Review: In A Taxonomy of Love, a boy named Spencer with Tourette syndrome learns about taxonomies and starts making taxonomies of everything, hoping to fit everything into neat little boxes. But when he meets Hope, everything that has to do with him changes. Hope is the girl who doesn't make fun of him. He starts trying to map out what's happening (love, if you can't guess) and he finds out that life doesn't fit into categories. I think the following is what the book is meant to teach: "Life is messy, and thats what makes it beautiful." This is proven when his relationship with Hope is taken away by his older brother, Dean. Things get messy as Hope is a couple with Dean and then Spencer is a couple with a girl named Jayla. Relationships switch around until... they're back where they started and they aren't in an infinite loop. Hopefully.
The Lesson

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!