Mastering General Sibling Selectors: Custom Form Elements

One of the most powerful and underutilized CSS selectors is the general sibling combinator: ~. In the coming tutorials I will go over different ways to use ~ to create components that are not only visually appealing, but also functional and useful. This tutorial will cover form elements; radio, checkbox, and regular inputs.

We’ll be learning a lot: modern CSS selectors, the will-change property, SVG’s stroke properties, input states, and plenty more!


Music Player


Stranger Things 404


Monument Valley Totem


A 3d model inspired by the Scissor Blade from Studio Trigger’s Kill la Kill anime.
Title
Scissor Blade
Tools
Maya 2015, Photoshop CS6, Quixel Suite

Title
Transistor Blade
Tools
Illustrator CS6

Dabbling

Another long break since the last time I posted on this site. I did in fact finish up the models from my last blog post. Here’s a photo of the final product.

Shrine that I rendered in Unreal

I wasn’t able to get as many elements into the level as I would have liked, but overall I’m pretty satisfied with how the atmosphere turned out. Maybe a little less fog next time.


A shrine tower 3d model based off of the Fushimi Inari shrine in Kyoto, Japan.
Title
Shrine Tower
Tools
Maya 2014

Term End

Finally finished with the term! It was a harrowing eight weeks in which I had all-nighters at least once a week. I finally pulled through - my final was yesterday. Since then, I have had a total of at least twenty hours of sleep, if not more. Finally being able to catch up on my sleep has worked wonders.

In the game production class I took, we worked on modeling game level elements. Next term, we’ll be texturing and putting on the final touches for our models.