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...
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...
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,...
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.
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.
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.
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...
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
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...
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:
- Product managers hand off requirements to designers.
- Designers hand off static mockups...
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...
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
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 up on the latest