Playing with CSS

I've really been trying to buckle down and teach myself CSS in the wake of some truly mediocre classes this past month. Still have a long way to go, but i was pleased that i'm beginning to be able to view the code as a tool to achieve my designs rather than as an unpleasant obstacle preventing them from coming to life.

Here's a pretty mediocre layout i did as an experiment in layering CSS divs.

Type Treatment: Shiny Cliché Web 2.0

Playing around with shiny type for an upcoming project.

Mixtape

Summer's ending. Fall's rolling in. The leaves are splashed with faint shades of yellow/orange. The sun is lower in the sky. The air is electric with sharp, cold smells. Time slows and accelerates concurrently.




Artist//Track

Gentle Friendly//Rip Static
Hot Guts//Ballad Of John Simon
No Age//You're a Target
Wild Nothing//Cloud Busting
Washed Out//Feel It All Around (Toro Y Moi Remix)
Delorean//Seasun
The Sound of Arrows//Into The Clouds (Fear Of Tigers Remix)

Get it.

Typeface Design: Circlet Sans

I created this typeface as an extension of a logotype I did for a school project some months back. I wanted something light, modern and legible, but still decorative, playful and idiosyncratic.

The uppercase letterforms need work. They came after the lowercase, and still feel like an afterthought.

InfoGraphics

I recently bought copies of Tufte's "The Visual display of Quantitative Information" and "Visual Explanations". I loved both works' clear, consise and spare design aestheic. While I was in class last week, I came up with these tabloid-size posters that are meant to evoke the type/art style presented in the book. I started with the vague idea of visually relating exponential growth to a series of three abstract concepts, and came up with these two related pieces.

Fever Ray

creepycreepycreepy.

When I Grow Up from Fever Ray on Vimeo.

Seven from Fever Ray on Vimeo.

If I Had A Heart from Fever Ray on Vimeo.

Triangle Walks from Fever Ray on Vimeo.