Louis Vuitton window display, downtown San Francisco
I’ve been seeing a lot of polka dots lately. Kate Spade has been using them for her popular iPhone cases. J. Crew has a raft of polka dot items including this cute purse. And, a couple of weeks ago, I bought a pair of tapered polka dot pants from F21 — well, they might be Madewell rip-offs, but hey, they’re really cute!
Anyway, the most extravagant example of polka dots has got to be the Louis Vuitton and Yayoi Kusama collaboration. I know many of you have seen them, too. Hey, I follow you folks on Instagram! Cheery polka dots on creepy tentacles get my attention every time. :) Kusama really is the Princess of Polka Dots. I read somewhere that she paints every dot by hand to achieve her organic, personal, random effect. Then I got to thinking that it would be fun to join the celebration by making tiling polka dot wallpapers.
There’s a really nice Starbucks at the Letterman Digital Center in the Presidio. Right when you walk into the building, you’re greeted by the most gigantic poster of Juliette des Esprits. I’m a fan of old flicks, but I haven’t seen this one yet. I gather that it’s on the surreal, weird side. Can’t wait to check it out! I was really drawn to this poster for its great use of fonts and most of all, it’s colors. On a side-note, maybe it’s the rose or the black and white, but I can’t help but think of SFGirlbyBay’s beautiful blog (designed by the one and only Anna Dorfman) whenever I pass by this poster.
It’s great to get back in the groove. Today I had a chance to immerse myself in Photoshop for a change and I thought these mini vintage metal tags would make a nice freebie. I can see these little tags as labels on your blog photos or wishlist/product collages. Anyway, I hope you guys like them and find them useful!
Beautiful web type, realistic calligraphy fonts, beaded bracelets, photography advice, dotty nail DIY, cool blogs, and other fun stuff!
∴ credits ∴
I’m happy to finally announce that registration is open for CSS Pretty! You can read more about the course here and check out the course content here.
The course will be taught via HD screencasts ($25/30-day access). I’m using Blogger as a teaching tool in this class. Before you sign up next week, please create a Blogger account. You can read about the course highlights here and read about the details (long version) in the FAQs below.
Last week on A Beautiful Mess, I shared some Blog Post Layout Tips. You can check out the post on Elsie & Emma’s blog.
Also, I’ve received a few comments and emails about how to get started making collages and what kind of image-editing software is needed. I use Adobe Photoshop CS3. I know it’s old, but it does everything I want (and more). I also own a copy of Photoshop Elements 10, which is about $600 less expensive than Photoshop CS6. However, PSE 10 still does everything a blogger could ever need. If you’re a photographer, Photoshop CS* would serve you better. As for free image-editing applications, try Sumopaint or Pic Monkey. You can create collages with Pic Monkey. If you have Photoshop CS or Elements, you can start with some of my tutorials and go from there. I also have some free photo layouts that might be helpful!
My new site has a new name — STYLE. If you’re keeping score, this is the third name in less than two months. Originally, the site was called Code it Pretty, then CSS Pretty, and now, STYLE. I really thought that Code it Pretty was spot on — I would show you the CSS I’ve been using to turn a generic blog into a nice, clean blog. But, man, soon after I announced my eCourse, I learned that I had stepped on the toes of a namesake, an entire blog named Code It Pretty. I wasn’t planning on having a dedicated code it pretty blog, but the name was creating confusion — sorry, Marie! So, I had to come up with a new name really fast, and the best I could come up with at the time was CSS Pretty. I wasn’t ecstatic about it, but it gave me a title to work with.
I was flipping through Asos Magazine’s September Issue and, once again, their labels caught my eye. I first noticed them last year and had good intentions to make a short and quick Photoshop exercise showing how to make them. The thing I LOVE most about ASOS’ UI is the way they use simple monochromatic geometric shapes with stark drop shadows as design elements. I’m not talking about their online store which has become more and more like a busy and crowded bazaar. What I’m talking about are their magazine layouts, which got me thinking it would be fun to finally do that 2-bit color tutorial. If you’ve seen the black and white graphics created on the original Mac Plus, you know you can do some really fun things with only two colors and simple shapes!
stark drop shadows
a css tutorial
camo and me
at japantown, sf
I’m writing because I have great news! We’ve been great friends for almost three years now, since that day I met you by accident at the Gap. You remember… I was looking for a solid olive jacket, but they were so popular they were out of stock. And you, my camo friend, were unappreciated and discounted 50% on the sale rack. I know I bought you reluctantly, but our friendship has blossomed and now we have become inseparable friends.
My good news is that camouflage is “in” again. In fact, you’ll be happy to know that you can be paired with a pretty summer dress now. Or knicker shorts (a.k.a. daisy dukes) and a jumper. You’re finally stylish, my friend. This is your time to shine. But don’t let all your utility pockets go to your head. You know how fashion is: one day you’re in, and the next day you’re out. But that doesn’t matter — you’ll always be in style with me. xoxo, K.
Unlike this Photoshop tutorial, the borders and drop shadows for the images in this post (including the Asos magazine images after the jump) were created with CSS. The great thing about using CSS to create borders and drop shadows is that you can edit styles on the fly without opening Photoshop or re-uploading any images to your blog or website: