Responsive Ads, Make More Money in More Places

Geoff wrote this on July 08, 2014 in . It has 134 reactions

Hey Mad Men, advertising on the web hasn't totally kept up with the web's shift to responsive design. A campaign may include a handful of ads that work on set screen sizes (phone, tablet, desktop), but they aren't truly fluid and responsive. Additionally, if a designer needs to edit the content of an ad, it has to be changed on each ad size being delivered. Today on Playground we're launching a proof-of-concept for responsive HTML ads. Our demo ads deliver as a single, compressed HTML file, and sit well within the IAB's standards for file size. A single file means less hassle for ad designers'edit the content in one place, and your ad is ready for the gamut of screen sizes.

For this demo we took a handful of core sizes for web advertisements— the rectangle, leaderboard, skyscraper and billboard'and gave them a responsive twist. Our biggest trick is taking a...
Read More

A Product Design Question a Day: Introducing Tavern

Ryan wrote this on June 30, 2014 in . It has 146 reactions

We found the Tavern through the Forrst

When we decided to turn Forrst upside-down, we knew that we could no longer keep calling it Forrst. This new iteration would be a place where designers could discuss and debate product design questions to improve their product design skills. We needed a new name, something that reflected this purpose and still fit within the theme of Forrst.

With that in mind, we decided on Tavern — a place where designers could come, stay and deliberate a particular question of the day. After a month of successfully testing the site with a small group, we're letting in 50 people into Tavern today.

Focusing on a Daily Single Question

With Forrst, we realized that getting critical feedback required strong presentation and not merely posting a Dribbble-like screenshot. And that was one of the reasons the community didn't thrive after Kyle...
Read More

Get a job, nerd!

via Job Board from ZURB

How Designers Do Dumb Design and Why Design Presentation is Your Deliverance

Ghaida wrote this on June 27, 2014 in . It has 319 reactions

Previously on Notable, we talked about the importance getting in front of customers is for product teams. Product managers and designers must work together to create effective design presentations so they can solicit feedback and propel the team towards the next iteration.

At ZURB, we use the term 'design presentation' to literally mean presenting work to a stakeholder. Your presentation could be in any format — it can be on a call or in person, digital or analog. Whatever format you choose, the principles of effective presentation are the same, but most places don't ask the designer to represent his/her own work.

Normally, the designer hands off the presentation to a product manager first. This "point of no return" is when the designer loses ownership of the work. It becomes the manager's responsibility to represent the design to the customer.

In this scenario,...
Read More

Email Sending Doesn't Have to Make You Blue: Introducing Our New University Sponsor

Ryan wrote this on June 27, 2014 in . It has 7 reactions

Last week, we spoke at Future Insights in Las Vegas and found that many people were still looking for a responsive email solution. Many were excited about using Ink on their next project, especially since it works with Outlook, which many said was a huge pain for them.

Outlook still remains the second-most used desktop email client, right behind Apple Mail. When sending emails, there's also authentication issues to consider with Outlook.

While we're glad to have a framework that looks great on Outlook, we're also glad not to be an email service provider. Which is why we're happy to announce our newest University sponsor — SendinBlue.

The folks at SendinBlue are also on the responsive tip with their own responsive email builder. Of course, we'd prefer you use Ink, but SendinBlue has everything you need to get your campaigns going.

Check Out Sendinblue

Create Blurred Images With HTML5 Canvas

Geoff wrote this on June 20, 2014 in , . It has 280 reactions

We love experimenting with emerging features of CSS3 like gradients and shadows. Today we're releasing another slick effect onto the Playground that follows the spirit of those effects and lets you create a blurred background like the ones you see on Rdio.

Our new Image Blur Texture tool takes a photo, blurs and enlarges it, and turns it into an abstract yet appealing background texture. You can use it on any block element — it stretches to fill any space just fine.

Using HTML5's Canvas or CSS3's filter effects, we take any old image, stretch it and blur it, to create a nice mottled texture effect. We've written a CodePen with all the code you need to mess around with it yourself. And look no further than the next iteration of Forrst, which will use image blurs in its headers.

Blur Your Images

Foundation 5.3 for Sites

Jonathan wrote this on June 19, 2014 in . It has 229 reactions

We've been talking recently about the next major version of Foundation, including Foundation for Apps and we wanted to tell you more about Foundation 5.3, or Foundation for Sites as it will be called from here on out, released today.

The Web is big, and complicated, and to expect a single version of a framework to work for everything is impossible. Foundation needs to grow and change to accommodate everything we want to do on the Web, and Foundation 5.3 is a major step in that direction.

We've been working hard to close down issues (hundreds, in fact), merge in pull requests (hundreds), and generally make Foundation 5.3 as bulletproof as possible so that Foundation for Sites can continue to be an incredibly powerful, advanced resource for building more traditional marketing or content sites. You can get it now from the Foundation site, but read on to see why we're...
Read More

A Designer With a Head for Business: Introducing Our Newest ZURBian

Shawna wrote this on June 18, 2014 in . It has 20 reactions

Imagine it's your first day on the job. You stroll into a new environment a little bit nervous. New faces want to shake your hand. Then, the coffee machine explodes, spewing coffee all over the kitchen floor. That was Keri's first day as our new Business Designer. You can say we certainly made it a day to remember for her.

Every moment for Keri is her favorite moment, and the coffee machine exploding is now among them. If you're going to leave an impression, either go big or go home, right? Well, enough of that, let's introduce you to Keri!

Keri Fullwood, Business Designer

casual photo of Business Designer Keri Fullwood

Before exploding coffee makers, Keri bolted from her hometown of LA to study Marketing and Business at a computing/video game school in Scotland. To make her way through school, Keri worked as a freelance designer and web developer for local papers and magazines. She gained some valuable...
Read More

Stop the Zombie Hordes of Product Managers and Prevent the Apocalypse

Ghaida wrote this on June 14, 2014 in . It has 55 reactions

This is your mission, should you choose to accept it: The zombie horde of product managers is approaching, wielding archaic product requirements documents. They have one thing on their minds — to turn you into another zombie. You're working on an awesome new product. You have a passionate team and a desire to change the world. What do you do?

Stop the Product Development Outbreak

Join our fight against the zombie horde! We've been working to take back product design with Notable, our product design tool. And we've taken the first steps to embedding our customers deeper in our design process with the tool. Why? The product development model is broken. Product development is built to create factory-style production lines for code. Essentially, product development works like this:

  1. Product managers hand off requirements to designers.
  2. Designers hand off static mockups...
    Read More

The Dribbblification of Design and What We Learned for the Next Iteration of Forrst

Matt wrote this on June 12, 2014 in . It has 229 reactions

On our Studios projects, we spend at least two hours each week presenting the work we've done with clients. That's pure performance time. It does not include the time we spend doing the work, reviewing it, and then creating a compelling presentation. We're certainly not just sharing our screens and simply asking, 'What do you think about this?'

With our recent shift in the direction of Forrst, we've taken a hard look at what it takes to help designers become more successful in their work. Showcasing work isn't enough. Giving encouragement AND critical feedback is very hard to do. Without an honest view of design work, it's impossible to grow as a product designer.

Dribbble is Not for Critical Feedback

It's "show and tell" for designers, with more emphasis on the "show" than the "tell." Dribble does a great job of this. It fulfills an important part of creating...
Read More

Design, Pizza and Cats. Introducing Our Newest ZURBian

Shawna wrote this on May 29, 2014 in . It has 25 reactions

The title says it all. Those are the three things that roll around in the mind of our former intern turned full-fledged ZURBian. It's all he thinks about. After all, aren't those the only things that matter in life? We think so, which is why we asked him to come back. OK, that wasn't the only reason. He's a really talented fella.

So it's our pleasure to introduce you to …

Geoff Kimball, Designer

photo of Geoff

We've missed Geoff since his internship ended last year, so it's nice to have him back! It's also nice to have another Hoosier in 'da house.

Raised in the quiet suburbs of Fisher, Indiana, Geoff fell in love with technology at an early age — way back in the dark days of dial-up modems. His love grew to include design while studying at Ball State's Emerging Technologies department.

As he told us:

I developed a fascination with how people interact with technology and...
Read More