Lab 16: Fancy CSS 2

Challenge

This lab is about styling a page with fancy CSS properties, such as multiple backgrounds, transitions, animation, and columns.

Problems

I don't think I had problems specific to this lab. I accidentally put my columns properties in the wrong container at first, so my text wasn't styled correctly. My biggest "problem" was probably just figuring out where to put each CSS example; they all seemed fun, and I wanted to apply them to multiple elements.

Results

This is another fancy page!


Hatsune Miku and Piapro Characters

“Hatsune Miku”, “Kagamine Rin”, “Kagamine Len”, “Megurine Luka”, “KAITO” and “MEIKO” (collectively called the “Piapro Characters”) are characters developed for a line of singing voice synthesizer products by Crypton Future Media, INC.

This software, which can recreate a singing voice carefully recorded and processed for each character, makes it possible to generate an entire song’s vocal parts by simply entering a melody and lyrics on your computer.

Shortly after the release of the software, fans and users started creating a massive amount of music and videos, and uploaded them on video-sharing websites. The publishing of these works stimulated the creative impulse of users to compose, remix, and further collaborate with each other on new projects.

Each character’s vocal expression is unique, and can be further edited according to the user’s sensibility and style. As Crypton Future Media’s CEO Hiroyuki Itoh says: “There are many different values and ways of thinking, so if there are 1,000,000 users then there should be 1,000,000 different ways of thinking.”

Moreover, these characters are not only featured in the artworks of many creators across the world, but they also come to life in 3D-projection concerts centered around their most iconic member Hatsune Miku, and their popularity is continuously spreading globally!

Kagamine Rin

Rin is a charming and youthful female character, whose trademarks are her blond hair with a huge white ribbon, blue eyes and a school uniform-like outfit. Rin was released in one package with Len, her male counterpart, in the software “VOCALOID2 Kagamine Rin & Len” on December 27th, 2007.

The development of the duo of KAGAMINE RIN and KAGAMINE LEN is based on the concept of creating a twin pair of female and male voice banks recorded from the same Japanese female voice actress, Asami Shimoda. Their names were developed according to this idea, with “Rin” for “right” and “Len” for “left” audio channel, whereas the surname KAGAMINE means “mirrored sound” (Piapro.net).