The Official Ionic Blog

The next generation HTML5 hybrid app development SDK

pickers-header-img

Remember how easy it was to select a specific date from an HTML input? Or when you had that great experience with JavaScript’s Date object? Or that large project where you had no troubles dealing with timezones? Me either. I think the best way to describe the experience comes from a Stack Overflow comment stating, “Handling dates with Javascript is like trying to get a cat into a tub of water.”

Don’t get me wrong–I absolutely love JavaScript and HTML. And to be fair, handling datetime values within any programming language or any user interface is a challenge (but let’s be honest, it’s exceptionally difficult with JavaScript and HTML). Ionic aims to make it easier for all parties involved by providing a great user interaction and an easy way to handle datetime values.

Read more…


Today, we’re excited to announce the seventh beta release of Ionic 2. Beta 7 includes many bug fixes and several new features, including migrating to Angular 2’s RC build. Take a look at the changelog to see what’s included.

What’s New

The biggest change in Beta 7 is jumping to the Angular Release Candidate! Angular has moved to a new, more modular design, so this will be a significant breaking change for all Ionic 2 apps. To make things simple, we have prepared detailed instructions on how to upgrade an app to Beta 7. It should be a straightforward process that takes a few minutes or less. Please let us know if you experience any issues.

The DateTime component is a brand-new, highly extensible component built from the ground up to make it easy for users to select dates and times. You’ve been asking for a better datetime input, and we think you’ll love what we’ve come up with. This new component works with a variety of date format options to present the perfect interface for any app. Please check out the docs, give it a shot, and let us know what you think! We are so excited about this component that we’ll have a detailed blog post about it soon!

Inset modals are a new option for presenting modal content. Instead of taking up the full width and height of the viewport, an inset modal will only take up a portion of the width and height. Inset modals are now the default for larger screens, such as tablets and traditional computers.
Read more…


what-is-pwa-img

By now, you’ve probably heard that Progressive Web Apps are the future of all mankind. They’ll bring world peace, end hunger, save the rainbows and unicorns, bring balance to the force, and a whole lot more. In the process, they might even push the mobile web forward, bring parity to web and native apps, and help mobile developers reach more users beyond the confines of the app stores.

That all sounds great…but what are Progressive Web Apps, exactly?

“A Progressive Web App uses modern web capabilities to deliver an app-like user experience.” – Progressive Web Apps

Native app store apps do things like send push notifications, work offline, look and feel like an app (as Apple and Google have imagined them), load on the homescreen, and so on and so forth. Mobile Web Apps accessed in a mobile browser, by comparison, historically haven’t done those things. Progressive Web Apps fix that with new Web APIs, new design concepts, and new buzzwords.

Read more…


snapshot-header

When our team makes changes to a component in the framework, we want to make sure those changes don’t inadvertently mess up components elsewhere. So, we built a solution for ourselves: Snapshot. Snapshot has been an incredibly valuable tool for tracking all our changes, and we wanted to share how we use it to ensure that Ionic is thoroughly tested to prevent breaking your apps!

Read more…


We’re excited to be partnering with Proximi.io on a hackathon from May 13 to June 30, 2016! This free online hackathon will award two prizes of 1,000 Euros each to the best Ionic proximity app.

Read more…


In past posts in this series, we looked at some of the basics of creating an Ionic App, including a basic Hello World App, an app with pages and navigation, and finally an app that calls an API.

In this article, we will look at using Ionic Native to interface with the Cordova Camera plugin. We’ll use the native camera to take a picture and output that picture into our view.
Read more…


We’ve got some exciting Creator updates to share with you this month! Take a look:

New Creator Mobile App + Sharing 📲

Screenshot 2016-05-04 13.06.37

Creator Mobile (available on iOS and Android) is honestly one of my favorite features in Creator, and I’m really happy to announce that we’ve made it even more powerful. It could already be used to preview your projects right on your phone immediately after making changes, but now we’ve opened it up with brand new sharing features.
Read more…


I’ve been presenting on hybrid mobile development for almost five years now. As a web developer, I found the opportunities of hybrid development to be incredibly exciting. All of a sudden, I could take the tools I had been using for over a decade and deploy applications in the mobile space. Like others, I quickly discovered that developing good mobile applications required more skills, experience, and work, of course, but overall, I was excited about taking web standards and applying them to apps.

Read more…


Today, we are excited to announce that Ionic has raised an $8.5M Series A round, led by General Catalyst (investors in Stripe, Airbnb, and many others), along with our existing investors Lightbank, Arthur Ventures, and Founder Collective. This round brings our total funding raised to $12.2M.
Read more…


Ionic 2 offers a powerful NavController that allows you to show new pages, alerts, modals, and even loading indicators. But what happens when you need to coordinate multiple events around a single API call? All of these event are asynchronous and could return at any given time, so how can we put it all together?

In this screencast, we’ll look at a situation just like this and figure out what our best practices should be.

Read more…


Ionic Blog RSS Feed