October 2013 Summaries

The Ionic Framework is designed to simplify the development of native mobile apps using HTML5, known as hybrid apps, by providing a foundation built on HTML, CSS, and JavaScript. It addresses the gap between web and native app development by offering an open-source platform that encourages knowledge sharing and best practices within the developer community. By leveraging modern mobile browser capabilities and integrating well with AngularJS, Ionic allows developers to create powerful, native-like user interfaces with features such as side menus and navigation controllers, while maintaining flexibility for customization through SASS variables and mixins. The framework is intended to work seamlessly with tools like PhoneGap and Cordova for app compilation, ensuring compatibility with popular platforms and enabling developers to focus on creating unique brand experiences rather than replicating existing styles.

Ionic's development team faced the challenge of providing high-quality iconography for their HTML5 mobile app framework, leading them to create a custom open-source icon font called Ionicons. This decision was driven by the need for control over design quality and the limitations of existing icon packs. Ionicons, composed of vector-based icons, offers scalability and sharp rendering on high-resolution displays while reducing HTTP requests. The process involved designing icons in Adobe Illustrator, converting them to font files using IcoMoon, and ensuring they rendered crisply at a default size of 16px. The initial set of over 130 custom icons was expanded to include more than 200 additional iOS 7-styled and social icons, all organized and searchable through a dedicated website. Licensed under MIT, Ionicons is intended for use with Ionic but is freely available for personal and commercial projects.

In 2013, Max Lynch, CEO of Ionic, announced the launch of the Ionic Framework, a free and open-source tool designed to facilitate the development of HTML5-powered mobile applications. Ionic aimed to capitalize on the untapped potential of HTML5 for mobile development by creating a framework that offered the ease and flexibility to build custom apps, closely integrated with AngularJS, while not being tied to any single framework. The framework was built to work with new-generation iOS and Android devices, focusing on native app development rather than web apps and incorporating features like an icon font inspired by iOS 7 and the use of Sass for styling. Although the framework was not yet ready for release at the time of the announcement, the team behind Ionic promised ongoing support and development, encouraging interested parties to follow their updates and join their mailing list for future announcements.