CodePen 2013 Most Popular

Equations for Organic Motion - Test Sheet

Equations for Organic Motion – Test Sheet by Justin Windle

Anytime you want to stare at some incredible examples of what people are creating in the front end dev world just start exploring CodePen. If you are a CodePen first timer, you can start with the curated list of the 2013 Most Popular. Fair warning that minutes can turn into hours. Not from personal experience of course… In a practical sense, I’ve used the site to ferret out some bugs and play around with CSS before talking to devs on quick projects. Saves the “Can you make that larger? No a little smaller… still smaller. Ok, too far, slightly bigger.” You get the idea. I didn’t get the nickname Pixel Perfect Girl at work for nothing.


Interactive Resume

Website of Robby Leonardi

I like crazy examples of people pushing normal patterns with personal websites. In terms of designing your resume online, this interactive resume has to be one of the most elaborate I’ve seen recently. When you scroll the site plays out like a video game going through different levels to show skill levels and content. The illustrations are bright and remind me a bit of video games I used to play with my brother as a kid. I like the subtle details put in like the bubbles when underwater and the timed animations. Overall a fun idea.


Pure CSS Minion


As I get excited to go see the new Despicable Me movie tomorrow, I give you a Pure CSS Minion. I’ve been seeing a lot of great examples of what you can do with CSS beyond styling text these days. Another example to check out is Logos in Pure CSS, where each of the logo images hover over the CSS example to show how much the shapes match up. Only the Github logo seems like one little shape on the tail is missing. Pretty impressive overall I think.


Inspired by the dribbble community

dribbble typeI’ve been finding a lot of inspiration on dribbble lately. There are definitely some talented designers and illustrators uploading their work to the dribbble community. These are a few of my favorites this week (but not necessarily created this week by their respected designer). Be sure to browse dribbble if you haven’t done so already! -Holly

Designs clockwise: Moon Boots by Rokas Sutkaitis, Coolifornia by Friends of Type, Get Dough by Nick Slater, & We Make by Mary Kate McDevitt

Floss Everyday / Daily Dishonesty

floss-everydayim-over-itmessy-roomself-medicate-with-chocolateHave you discovered the Daily Dishonesty project by Lauren Hom? It makes me laugh every time I look at it. I’m sure we can all relate to at least a few of her posts (or maybe more ;). The thing that really makes them shine though is her hand-lettering. I think she does a great job of digitalizing her drawings, and love the textures and colors she uses. If you’re curious how she does it, be sure to check out her tutorial here.

Typography by Lauren Hom

Jason Trav: Persona

persona2  I discovered Jason Trav this week and wanted to share his Persona diptych series. Since 2007 he has been documenting people and the items they carry with them everyday. I just love how the objects reflect the personalities and styles of their owners. Be sure to look at the ongoing series on flickr, and don’t miss the squirrel!


All photos by Jason Trav.

Site Inspiration 01 / NYT Snowfall

NTY Snowfall Article
NYT Snowfall
The New York Times is doing a series on Snow Fall, and not only is the article a great read but the site is beautiful. I love how the paralaxing plays with timed animated gifs, videos and photos. My favorite section is probably the arial video of Cowboy Mtn, but that may be because I enjoy boarding at Steven’s Pass and seeing it birds eye is pretty cool!

I think it’s safe to say that paralaxing has become really popular this year. We all became familiar with it when Nike introduced their Nike Better World site. It appears to have since been taken down, but if you missed it check out Seth Weisfeld’s vimeo of the site. Have you come across any paralaxing sites that made you go wow? -Holly

View the article and site here.

Related Posts Plugin for WordPress, Blogger...