Latest Additions to the Notebook

Hyphenation arrives in Firefox and Safari

Big thanks to Fontdeck’s blog for pointing this out: Hyphenation is now supported in Safari 5.1 and Firefox 6. Here’s how to add the CSS3 rule:

p { hyphens:auto; }

Well, almost. In reality Firefox and Safari still only support vendor prefixes of the hyphens property (which is fair enough as the spec is still aworking draft) so the code you’ll actually need is this:

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

To turn hyphenation off, replace the auto value with manual. This will ensure that automatic hyphenation is turned off, but manually inserted soft hyphens (the ­ entity) are still respected.

(via Fontdeck)

InvisionApp Giveaway: Create beautiful interactive wireframes with ease

I’ve been using Invisionapp, a Prototyping tool, lately for creating interactive wireframes, and must say I love what I’ve been using. Not only do clients get a chance to see how my mockups (static PSDs) come together in an interactive way they understand, but it also helps keep my own workflow aligned. You can go from a PSD file to clickable prototype in a matter of seconds. I can also imagine this tool being great for teams, especially designers working with developers. Invisionapp nails the visual attention designers need and helps developers see the technical elements come alive to fully understand the workflow. Oh, and the InvisionApps interface is lovingly intuitive. The drag and drop UI is a great touch (just drag an image from your desktop to the designated area in your web browser).

The Giveaway: Three free, lifetime ‘Professional’ plans

The nice people over at Invision are kindly providing three (3) lifetime ‘Professional’ plans for free. To win, tweet about this giveaway with a link to this post and the hashtag #invisionappfree (the hashtag is important as this will be how we’ll track the entries).

Here’s a sample tweet (feel free to copy and paste if you’re feeling a bit uncreative to come up with you’re own):

Wow, @behoff is giving away 3 *free* plans to @InVisionApp: Create beautiful interactive wireframes #invisionappfree

I will be selecting three people by random tomorrow (August 17th) that include this hashtag on Twitter. You have all day, so get tweetin’ and get wifreframin’

Brian Hoff
About Brian Hoff: Designer, Writer and Speaker

I’m a graphic designer living in Brooklyn, New York who loves creating compelling and useful websites and memorable interactions across the web. When I’m not designing I can be found writing, speaking and occasionally part-time teaching at colleges — all on the subject of design. I started this blog to share my passion and experiences with designers and clients. I'm most active on Twitter; say hello: