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.

About.

I have nothing to say. But I like the way text looks filling up a page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, erat id porta ullamcorper, leo tellus porta lectus, vel posuere lectus nisi ac arcu. In accumsan, elit ut consectetur tristique, eros ipsum varius ante, a semper ipsum ante eget diam. Cras porttitor accumsan nisl eget pellentesque. Sed eu lorem quam. Fusce vulputate lacinia felis ac ullamcorper. Aliquam erat volutpat. Vivamus id commodo purus. Pellentesque sit amet felis lectus, eget pellentesque lectus. Praesent odio risus, consequat non interdum at, convallis vel tortor. Curabitur fermentum interdum elit, vel gravida neque porta eget. Sed quis tortor eget mauris tristique fringilla consequat vitae sem. Curabitur vulputate tincidunt mi et pellentesque. Donec venenatis sapien nec velit ullamcorper blandit. Aenean sit amet velit felis. Quisque metus sapien, aliquet ut egestas eu, ultrices iaculis arcu. Integer dignissim quam quis tellus interdum sit amet pulvinar tellus congue. Vestibulum tincidunt venenatis justo, vel euismod dolor sollicitudin nec. Mauris a sapien lectus. Nunc sed libero eget ipsum tincidunt sodales. Praesent pretium varius magna nec molestie.

Curabitur ut lacus non magna viverra interdum. Nam non sapien tortor, ut sagittis nisi. Vestibulum diam est, vulputate id vehicula id, tincidunt a magna. Proin elit ante, egestas a iaculis eget, convallis nec velit. In semper risus vitae felis mattis scelerisque. Aliquam commodo porta scelerisque. Praesent vitae lectus velit. Donec laoreet semper est vel auctor. Sed condimentum dolor quis justo facilisis iaculis. Quisque placerat luctus lorem, a ornare est placerat sit amet.

Nulla ac fermentum dui. Quisque malesuada dignissim arcu at tempus. Fusce eleifend vestibulum lacinia. Integer ut magna vitae tellus molestie porta. Suspendisse et sapien arcu. Pellentesque velit ante, mollis nec imperdiet nec, fringilla vel dolor. In eu enim lectus. Donec est velit, consequat vel pulvinar congue, dictum ut neque. Vestibulum laoreet placerat accumsan. Praesent leo eros, condimentum quis eleifend sit amet, aliquam quis neque. Sed lacinia semper magna ut dignissim. Etiam consequat faucibus dolor eget hendrerit. Nullam eu urna quam. Proin in orci erat, sit amet posuere leo. Nulla venenatis ligula sit amet nisl convallis pharetra.