Menu hamburger icon

Onsen UI Templates for Visual Studio working on Windows Phone

Cordova + Onsen UI + Visual Studio1

We are releasing a set of Cordova + Onsen UI templates prepared to run on Windows Phone 8.1, so we now have a good way to develop for this platform using Onsen UI. These templates follow the Cordova App structure, what means that they are appropriate for Cordova CLI but also for the new Visual Studio 2015, as we will explain in this post. And to top it off, these templates are also available for TypeScript!


Tutorial: Let's make a "Favorite Star Button" in JavaScript using the Web Components API!

Recently we’ve started using the Web Components API for Onsen UI. The API gives the developer the power to create new tags and extend the HTML vocabulary. We’ve rewritten some of the simpler Onsen UI components as Web Components but we’re not going to stop at just that. The goal is to rewrite the core functionality of Onsen UI as Web Components and provide Angular 1.x support in the form of wrappers.

The reason why we’re doing this is that we don’t want the Onsen UI components to be usable only for AngularJS developers. We want you to be able to use Onsen UI regardless if you’re a Angular 1.x, React.js or a jQuery developer. We’re very excited about the upcoming Angular 2.0 as well which is built on top of Web Components standard.

In this tutorial we we’ll take a look at the API and implement a simple component. Let’s learn Web Components while making a “favorite button” / “favorite star”!


Tutorial: Customizing Onsen UI Themes

Onsen UI Theme Customization

Onsen UI has a wide set of premade themes, which cover a rich set of color combinations. Although the default colors look good, when creating an app with Onsen UI we recommend customizing the theme to give the app a personal touch. Branding is important since it differentiates your app from others and makes it easily recognizable.

How can the developer modify these themes, to give the Onsen UI components the desired colors? There are two ways to accomplish this.

The first one is to use our Theme Roller Tool, which provides, thanks to an intuitive graphical interface, an easy way to customize Onsen UI themes.

The second way to customize themes is by modifying and compiling the Stylus files. Using an automated gulp task and live reloading this approach also powerful and easier to integrate into a normal developer workflow.


We are going to O'Reilly Fluent!

Conference

Dear followers, we are happy to announce that we will attend O’Reilly Fluent Conference 2015, this week! For those of you who never heard of it, the O’Reilly Fluent Conference is an event for developers working with JavaScript, HTML5, and other web technologies. Fluent covers the full scope of the Web Platform and its associated technologies, including WebGL, CSS3, mobile APIs, Node.js, AngularJS, ECMAScript 6, and more.