Front End Development Tool: Foundation for Apps


Zurb’s Foundation is one of the two biggest front end development frameworks right now (with Bootstrap being the other big dog). While both of these addressed the developers’ needs as far as presenting responsive creations in the browser, no one was helping out app developers. Surprising as it may be, many apps actually rely on HTML and CSS embedded inside the application. In a way, they act as nothing more than tiny web browsers. But grid systems like Foundation and Bootstrap weren’t really made to work there. As such, developers in this niche market were on their own when making their apps responsive. In theory, this is no longer the case due to a new framework from Zurb targeted directly at apps.Front end development for appsOne of the most critical holes in a traditional front end framework is the vertical alignment of containers. For example, a typical email client might have two columns of content: a list of folders on the left, and a list of emails on the right. The developer will most likely make these columns have equal heights. Front end frameworks did not previously address this simple feature, but it is a core feature that has been built right into this new framework.

This tool might not be for you, but I think it is vital to be aware of this release because it represents a potential change in the way apps are designed and built. If you happen to work in the app world, you’re likely to hear more about this one in the future.

Online Course: Creating a Web App for iPad

Learn to create a native app-like experience with standard web technologies. We’ll create a stunning web experience for the iPad in the step-by-step course. At the end of the course, you’ll be able to deliver your Web App from your website—no app store required. In this course, we’ll create a navigation system that loads content dynamically into our layout, keeping new content within the Web App. We’ll also develop a product gallery, add in a Google Map, support portrait and landscape layouts, and make use of a free JavaScript plug-in that creates a native-like scrolling experience for HTML. And the final polish will be a custom splash screens, for loading, and a custom app icon that resides on the main iPad screen. Learn more.