Product design firm ZURB, the creator of tools like Notable and Verify, has just released Foundation 4, the latest iteration of its open-source, front-end, responsive framework, which serves as an alternative to frameworks like Bootstrap.
With this release, ZURB touts that its code-base has been “completely rewritten [to be] mobile-first.”
Clearly, placing emphasis on mobile devices is incredibly important, but ZURB shares that it is doing more than just considering smartphones: “Typically, designers create from the desktop-first perspective, then consider how their mobile design fits with the desktop design.” Instead, ZURB wants Foundation 4 to reverse that thinking by encouraging designers to create the mobile experience first. ZURB isn’t the first to think this way, but it’s an important move nonetheless.
In rare situations, such as when you’re designing Web apps for specific use-cases that call for larger screens, mobile-first isn’t the best frame of mind. Most of the time, however, sites should always look great across devices, because that’s how countless people access the Web. Starting your design process with a mobile layout is one way to make that happen.
Edit: We originally shared an incorrect download figure, and have removed it from the post.