We're gearing up for our seventh ZURB Wired event, where we work alongside a nonprofit to get over a design hump. The catch: everything has to be done in a 24 hour time crunch.
We've worked with a number of nonprofits over our 16 years. We've noticed that an inspiring mission wasn't always enough to propel a nonprofit to success. For nonprofits, that mission is half the battle. The other half, however, is volunteers.
Volunteers come and go, like the ebb of a river, because life gets in the way. Nonprofits are constantly competing for a volunteer's free time. There are a dozen distractions that can get in the way. So it becomes very hard for nonprofits to mobilize their volunteers and get stuff done. Projects can linger and it seems like nothing will ever move, especially web-based projects. Everyone loses focus and sight. Priorities shift. A web project can...
A 'happyimadesignr' isn't a strange creature from a strange land. It's actually the screen name of our latest designer, who joined us this week.
So without further ado, let's introduce —
Jennifer Tang, Designer
The nickname of 'happyimadesignr' came about after Jennifer designed her first website, and it perfectly describes the excitement and satisfaction she felt in that moment. And while she's designed other things, her passion is for interaction design and the web. That makes her the perfect addition to our wacky team at ZURB.
Believe it or not, Jennifer did have a life before ZURB. Born and raised in San Jose, Jennifer's desire to create came from her great-grandmother's side, which is full of artists, and her grandfather, who is a renowned painter. You could say that creativity is in her blood. She's always crafting small art projects, but didn't discover...
What's a PRD anyway?
After publishing this post originally, we got requests to clarify the term 'PRD'. A PRD is a Product Requirements Document. This is a document that product development teams use to specify what they will build. It will contain features, user stories, business goals, and whatnot. It's usually drawn up by another team that bases the information in the document on research and the company's business goals. We also learned a lot about how other folks view PRDs (see below).
Every product begins with an idea. A lot of things can inspire ideas, but there's always a hint of assumption in every idea. It's a little arrogant, but product teams assume a lot of things at the initial discovery stage of their process — that they know that a problem exists and, worse yet, that they know how to solve it. That initial spark is necessary to start building up...
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...
Read up on the latest