1. adteachings: Someday, when you’re a creative director, you’ll be glad you read this. (Of course, if you’re an introvert, you’ll be glad right now.) While most of this is very true, it certainly makes me feel like some sort of incapable..odd bird.

    adteachings:

    Someday, when you’re a creative director, you’ll be glad you read this.

    (Of course, if you’re an introvert, you’ll be glad right now.)

    While most of this is very true, it certainly makes me feel like some sort of incapable..odd bird.

    (Source: hereunoias)

  2. ohonestly: i’ve been a fan of austin kleon’s work for a few years now, and i was eager to get my hands on his latest book, “steal like an artist”. billed as a “manifesto for creativity in the digital age”, it’s chock full of great quotes, illustrations, and advice on how to follow your interests and embrace your influences. and though the title says “artist”, the material inside is applicable to any medium. it’s perfect for creatively-frustrated creative types (which i know many of you are), and i loved it so much that i want to give you a copy! what you’ll get your very own copy of austin kleon’s “steal like an artist”, shipped anywhere in the world, at no cost to you. the rules you have until may 1st to enter. every reblog is considered one entry (likes don’t count, nor do replies). i’ll use random.org to choose three winners. keep your inbox open so i can notify you if you win. if a winner doesn’t respond within 48 hours, a new one will be chosen. good luck! p.s. if giveaways aren’t your thing, you can always pick up a copy on amazon. p.p.s. this giveaway is not affiliated with or endorsed by tumblr or my employer, new york media.

    ohonestly:

    i’ve been a fan of austin kleon’s work for a few years now, and i was eager to get my hands on his latest book, “steal like an artist”. billed as a “manifesto for creativity in the digital age”, it’s chock full of great quotes, illustrations, and advice on how to follow your interests and embrace your influences. and though the title says “artist”, the material inside is applicable to any medium. it’s perfect for creatively-frustrated creative types (which i know many of you are), and i loved it so much that i want to give you a copy!

    what you’ll get

    your very own copy of austin kleon’s “steal like an artist”, shipped anywhere in the world, at no cost to you.

    the rules

    you have until may 1st to enter.
    every reblog is considered one entry (likes don’t count, nor do replies).
    i’ll use random.org to choose three winners.
    keep your inbox open so i can notify you if you win. if a winner doesn’t respond within 48 hours, a new one will be chosen.

    good luck!

    p.s. if giveaways aren’t your thing, you can always pick up a copy on amazon.
    p.p.s. this giveaway is not affiliated with or endorsed by tumblr or my employer, new york media.

  3. I love that I’ve got my 10 year old and 13 year old cousins quoting this video by This Is It Collective.

  4. simurai: Small demo of animated CSS Mask Icons. Note: It uses the non-standard CSS masks that are only implemented in WebKit without a spec. I don’t wanna go into discussing if that’s ok or not, instead I just like to experiment with them because I think you can do cool stuff and hopefully one day it will become standard. Using CSS masks for icons would have the benefit of being able to create a large icon-set and easily swap textures, colors, shadow effects. And also animate them. Basically everything you can do with CSS backgrounds. It could also be used for other stuff like tooltips, speech bubbles, funky shaped buttons and so on. The basics of this demo goes something like this: Add a texture and gradients to your element’s background. Use SVG (or PNG) as mask-image to “cut out” the rectangle into the desired shape. Use a second shape together with mask-composite to either add  (source-over -> robot), subtract (source-out -> apple bite, cloud arrow) or intersect (xor -> cloud arrow while pressing) with the first mask. Add some transitions/animations to the mask-position. So ya, basically you can mask a mask, combine multiple masks or even do the opposite depending if they overlap or not. In total there are a dozen mask-composite options that I’m not quite sure what the exact difference is. I just tried them all till it worked like I wanted. ;-) Couple notes: Pseudo elements (highlight on the cloud) also gets masked. CSS filters (Chrome Canary, WebKit nightly) work great with CSS masks, unlike box-shadows. See how the drop-shadow follows the contures of the SVG shape. For better cross-browser support you could just animate multiple backgrounds (background-composite works too), but then you loose the ability to use a seamless texture. I’m pretty sure, you could do all the effects with SVG alone. It has masks, drop-shadows, animation.. I just haven’t really dugg myself deep enough into them. Since it uses mask-position to animate the masks, you can’t rotate them, which is a little limiting. See demo (WebKit)

    simurai:

    Small demo of animated CSS Mask Icons. Note: It uses the non-standard CSS masks that are only implemented in WebKit without a spec. I don’t wanna go into discussing if that’s ok or not, instead I just like to experiment with them because I think you can do cool stuff and hopefully one day it will become standard.

    Using CSS masks for icons would have the benefit of being able to create a large icon-set and easily swap textures, colors, shadow effects. And also animate them. Basically everything you can do with CSS backgrounds. It could also be used for other stuff like tooltips, speech bubbles, funky shaped buttons and so on.

    The basics of this demo goes something like this:

    1. Add a texture and gradients to your element’s background.
    2. Use SVG (or PNG) as mask-image to “cut out” the rectangle into the desired shape.
    3. Use a second shape together with mask-composite to either add  (source-over -> robot), subtract (source-out -> apple bite, cloud arrow) or intersect (xor -> cloud arrow while pressing) with the first mask.
    4. Add some transitions/animations to the mask-position.

    So ya, basically you can mask a mask, combine multiple masks or even do the opposite depending if they overlap or not. In total there are a dozen mask-composite options that I’m not quite sure what the exact difference is. I just tried them all till it worked like I wanted. ;-)

    Couple notes:

    • Pseudo elements (highlight on the cloud) also gets masked.
    • CSS filters (Chrome Canary, WebKit nightly) work great with CSS masks, unlike box-shadows. See how the drop-shadow follows the contures of the SVG shape.
    • For better cross-browser support you could just animate multiple backgrounds (background-composite works too), but then you loose the ability to use a seamless texture.
    • I’m pretty sure, you could do all the effects with SVG alone. It has masks, drop-shadows, animation.. I just haven’t really dugg myself deep enough into them.
    • Since it uses mask-position to animate the masks, you can’t rotate them, which is a little limiting.

    See demo (WebKit)

  5. The Type Dating Game.  I matched Archer and Bryant together. What fun!

    The Type Dating Game. 

    I matched Archer and Bryant together. What fun!

  6. Bold Opinion on the Evolution of the Internet →

    “Transcending its original playful identity, it’s no longer a place for strolling — it’s a place for getting things done. Hardly anyone “surfs” the Web anymore. The popularity of the “app paradigm,” whereby dedicated mobile and tablet applications help us accomplish what we want without ever opening the browser or visiting the rest of the Internet, has made cyberflânerie less likely.”

    What is cyberflânerie?

    The flâneur would leisurely stroll through its streets and especially its arcades — those stylish, lively and bustling rows of shops covered by glass roofs — to cultivate…“the gastronomy of the eye.”

    While not deliberately concealing his identity, the flâneur preferred to stroll incognito. “The art that the flâneur masters is that of seeing without being caught looking,”…The flâneur was not asocial — he needed the crowds to thrive — but he did not blend in, preferring to savor his solitude.

  7. adteachings: Cheeky and fun.

    adteachings:

    Cheeky and fun.

    (Source: jaymug)

  8. designcloud:

    The Triangle Notebook by Tan Mavitan

    Designed by Tan Mavitan, the Triangle Notebook has a smaller size which makes it easier and more convenient to carry around. With an unconventional triangular shape, this fun notebook opens up to a square for writing. Features 144 ruled pages and a durable black fabric cover.

    buy here

    What a great idea!

  9. Carin Goldberg is amazing. Just a small glimpse of what she’s done.

    Carin Goldberg is amazing. Just a small glimpse of what she’s done.

  12. 6 March 2012

    774 notes

    Reblogged from
    nevver

    nevver: Olivier Bonhomme

    nevver:

    Olivier Bonhomme

  13. viafrank: Today, I’m excited to launch a new website for myself. There isn’t much to say, but here are a few notes on the redesign: I wanted to pull most of my essays together in a more formal way. There was something that felt wrong about having all of those words idly sit twenty pages down in a Tumblr blog. There is no portfolio yet. That will come later, once life is a bit more certain after the book is completed. There’s a list of fun concepts for now. People frequently ask me for book suggestions. Other times, they don’t and I recommend them books anyway. I made a Library for the website to enable this vice. The library catalogs my favorite books which I think would be of interest to designers. The homepage is a bit nutty, but I’m quite fond of it. Thanks for your time, and I hope you enjoy the website. Yay Frank Chimero! Love it.

    viafrank:

    Today, I’m excited to launch a new website for myself. There isn’t much to say, but here are a few notes on the redesign:

    • I wanted to pull most of my essays together in a more formal way. There was something that felt wrong about having all of those words idly sit twenty pages down in a Tumblr blog.
    • There is no portfolio yet. That will come later, once life is a bit more certain after the book is completed. There’s a list of fun concepts for now.
    • People frequently ask me for book suggestions. Other times, they don’t and I recommend them books anyway. I made a Library for the website to enable this vice. The library catalogs my favorite books which I think would be of interest to designers.
    • The homepage is a bit nutty, but I’m quite fond of it.

    Thanks for your time, and I hope you enjoy the website.

    Yay Frank Chimero! Love it.