I watched Frances Ha on NetFlix last night and I totally enjoyed it. No, more than that, really… I LOVED it. It’s a movie that I can watch over and over again. For me, it’s up there with Lost in Translation and Manhattan. The story was good, the cast was fantastic, and the black and white photography set the mood just so and it made me so terribly envious of those of you living in New York City. What a beautiful and exciting place!
And how about the movie poster? Simple but cool, right? It’s a great photo of Frances dancing and although she looks awkward in the moment, it really captures her spirit. So, I looked up the fonts used in the movie and Google pulled up a website called Fonts In Use. It listed several free and for-pay fonts that were good matches. I tested them below, and as it usually works out, the one you have to pay for is the one you like the best. But, the free ones come pretty close, especially Fanwood, which you can download from Font Squirrel. Now that we have a font match (I’m gonna use Fanwood), I’m going to show you how I deconstructed the movie poster in a mini Photoshop tutorial below.
By the way, I realize I’m on a tangent here, but it’s worth mentioning… you’ve gotta visit the Frances Ha website. It’s sooooo awesome. It’s a great example of a parallax-site that makes perfect use of moving layers interspersed with animation activated by scrolling. It makes me wonder… how the hell did they do that? There’s so much good stuff to learn!
I finally jumped on the mobile bandwagon. After reading about media types in this HeadFirst book, I figured it would be simple enough, and all I would have to do was add an extra stylesheet that could be read by mobile devices. But alas, like some of my other hare-brained schemes, this notion was far too simplistic and a project that was supposed to last a day was drawn out for two weeks. I admit that I had my doubts about writing this post, but since Pugly Pixel serves as my (very open) notebook, it deserves to be documented, at the very least, to serve as a friendly caution to you, in case you’re ever curious about walking down the media types path towards website mobilization.
If you want to go mobile, go responsive!
I found hand-painted pink apples and blue oranges featured on The Clothes Horse the other day. Aren’t they pretty? What if oranges were blue and apples pink? How cool would that be? I can totally get behind the unlikely colored fruits created by André Britz as part of the Color Morphology project. By the way, you have to check out the golden lemon. You just gotta.
∴ credits ∴
futura medium (osx default font)
This is the October issue of The Believer, a magazine about writers and books. I wouldn’t normally buy this magazine. I’ve passed it up many times on my trips to Green Apple Books because I’m basically shallow like that — there are no pretty pictures inside. But what caught my eye this time was the beautiful cover and its saturation gradient from hot yellow and pink to quiet gray. I’ve had gradients on the brain since Lula’s Issue #12 and while recording the CSS Gradients screencasts, I couldn’t help but pickup up this issue during a lunch break and give it a serious look. Besides the luscious use of gradients inside and out, the typography won me over with old-style drop caps separating sections in articles and hairline dividers between columns. And even more, I loved the two-color line drawings, some filled with the predominant gradient color. With great typography, a decisive use of color, and an organized layout, The Believer is visually exciting. What’s even more astonishing is that The Believer has been using the same layout design since the initial issue in 2003! Wow.