These days, there are two approaches to developing a website front-end; start from scratch, or build upon a tried and tested framework. Today, we’ll take a little tour into the origin and the still rising success of ZURB’s Foundation.
We had the opportunity to sit down with Founder and Chief Instigator Bryan Zmijewski, and Partner and Design Lead Jonathan Smiley about their framework. We talked about how Foundation started, why it’s open source, which significant milestones and challenges the team crossed and continue to face.
For years we had a coded style guide at ZURB, a set of base styles and useful constructs that we would use to begin most client projects. We realized after a while that it would be even easier for us to use if we abstracted it out, added some other common components, and standardized how we wrote the code. Faster to bring new people up to speed, faster to execute for clients. That was the first version of Foundation, which we didn’t release publicly and was not responsive – but it was a framework, and it lead us to make a responsive one and release it.
Foundation as an open-source project has reached many more people than it would have as a product, or some sort of purchased item. We want to shape how people build for the Web, and to do that we needed to go big. Open source enabled us to do that – and in the process it has been a great efficiency tool for us, a great marketing tool, and a great source of exposure for everything ZURB does.
Certainly nothing like what did happen. Responsive design was pretty new and ill-understood, so Foundation had to not only convince people to use a framework at all but also to do it in a way they were unfamiliar with. In spite of that it was pretty popular right off the bat, and each release has been another order of magnitude on top of that.
To push the Web forward. We always try and bring new technology and practices to people in an easy to use way so we can make the Web better and better. By putting stuff out there it pushes us to be better product designers.
Foundation 2 was about getting responsive design in front of people. Foundation 3 was about doing it in a smarter way, using Sass to build the framework. Foundation 4 was about coding smarter, and we redid the entire framework to be Mobile First in collaboration with Luke Wroblewski. Foundation 5 is about making it fast: fast to learn, to write, and to execute for customers.
Whew, lots? It’s always daunting to build out a framework and make changes that impact more and more people every day. You have to make decisions for them about how they build and what pieces they have to work with, and what the changes will be for each new version. That’s a constant struggle and point of concern, making the right decisions in an untested field with new technology.
Foundation makes it possible to build things that scale to any device – not just current ones but future ones too. There are new devices every day – getting anything done on those is difficult when they don’t exist, unless you plan for what devices have in common and how they ought to work. Foundation is designed to be as robust as we can make it when it comes to the many many thousands of devices out there.
To some extent. We all compete for attention, users, exposure. But we’re also driving each other forward, iterating quickly to keep up or get ahead…it’s a reasonably friendly and overall positive competition going on in this space.
Foundation has always been more than a wireframing tool for us – every client site we produce, every product we launch or site we have (that’s been built out since Foundation was out) includes Foundation inside it. We do expect it to be customized every time, we don’t want base Foundation looking sites out there, but it’s been more than just a wireframing tool for us.
Switching to a CSS preprocessor. We build the entire framework with Sass (well, Scss) and it has enabled us to build more quickly, abstract things out more effectively, and even produce a version of Foundation that can be used completely semantically which is huge.
Of course. World domination baby! 🙂 The real is answer is that we pursue excellence in all our work. We don’t always have the right timing, team or skills for every project to be a homerun, but we show up every day and work hard on our goals. Sometimes luck plays a factor.
We would like to thank Bryan and Jonathan for taking the time to get into their story. If you haven’t yet dived into Foundation, we hope this interview has sparked your interest!