TwitchCon 2015

http://www.twitchcon.com/

Earlier this year, we reviewed Twitch’s Year in Review of 2014, and really liked it. TwitchCon 2015, is their video game video broadcaster / fan-fest conference.

Dig the home page – simple, but a little complex behind the scenes. If you “view source” it’s fun to read the commented out parts from the designer – for understanding what’s going on, and a look into the designer’s childhood apparently:

<!– Webstor always stood above castle grayskull in my playset as a kid. He was the only one who could climb up to the top. Once there he would use his grapply hook to lift Trap Jaw and also create a zipline for him. That is all.–>

<!– Main island responsive placeholder block below. JS will create the sun phases as individual divs within this block and active their view status based on mouse coordinates–>

<!– Floating clouds which are the same height as main island and tile across a 2x width div which loops as a seamless animation–>

<!– Because we don’t want to stretch this main island to an abhorent size at large monitor sizes the main island goes into a fixed size after 1440x and pins itself to the right. To help the composition of the island we create a small buoy which rocks back and forth to the left of it (or specifically in the center or what ever space to the left there is). We also create a small transparent sliver of water color above the very bottom to give it some depth –>

 

I also really like the hero images at on the interior pages – their pieces are layered individual .pngs, which I think gives it that video gamey feel.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

The Essential Guide to Getting Started on Freelance Writing

The Essential Guide to Getting Started on Freelance Writing

Explore the lucrative and fulfilling world of freelance writing with our essential guide. Learn about specialties like blogging, social media, article, and technical writing. Build a portfolio, find work, set up your business, and discover the potential earnings. Embrace the freedom of working from home and follow tips for success in your dream career.

Securing Your Website: A DevOps Security Checklist

Securing Your Website: A DevOps Security Checklist

Learn how to secure your website with a comprehensive DevOps checklist. Dive into SSL/TLS encryption, password practices, and more. Discover the power of Content Security Policy and safeguard your online presence effectively.