Menu hamburger icon

Style your app automatically with Onsen UI

BY Fran Dios /

Automatic Styling

As we mentioned in a previous post, we just released a new killer feature called automatic styling for Onsen UI 2.0. This feature allows you to style your app for both iOS and Android automatically with little to no effort.

In this post we will explain how to make a sample To-Do app step by step using as many Onsen UI 2.0 features as we can: implementation in Vanilla JavaScript (framework agnostic), automatic styling, notification promises and combination of Navigator + Tabbar + Splitter (new sliding menu) in the same app.

Preview: New features in Onsen UI beta.7

BY Fran Dios /

Automatic Styling

The new beta version of Onsen UI 2.0 is out! Apart from several fixes and performance improvements, we are introducing a bunch of new features that will make you fall for Onsen UI 2.0 if you didn’t already. Automatic styling, new structure for list items, promises for asynchronous methods and more.

In this post we will briefly explain these new features and give some quick examples about how to use them. You can also see a live demo of these features implemented in Vanilla JavaScript.

Trying out JavaScript ES6 using Babel

BY Atsushi Nakatsugawa /

Babel

ECMAScript 2015, commonly referred to as “ES6”, is the current version of the ECMAScript Language Specification standard. The support for this new ES6 features is on its way though it will take some time to be fully supported in modern browsers. This blog post will introduce how to use Babel, a JavaScript transpiler, for those who want to try out ES6 in advance.

Blog RSS Feed

Related tags

onsen ui 70 monaca 31 tutorial 22 react 15 cordova 11 angular 9 onsenui 8 showcase 8 vue 8 webpack 7 javascript 6 components 5 event 5 material design 5 redux 5 web components 5 angular2 4 cli 4 localkit 4 angular 1 3 custom elements 3 phonegap 3 release 3 typescript 3 visual studio 3 windows phone 3 angular 2 2 app ninja contest 2 azure 2 beta 2 cloud ide 2 es6 2 git 2 google maps 2 interactive tutorial 2 interview 2 mobx 2 monaca cli 2 testing 2 vanilla js 2 youtube 2 CLI 1 ECMAScript6 1 ES6 1 Enterprise Plugins 1 Monaca Power Plugins 1 announcement 1 apache subversion 1 api.ai 1 app 1 ar 1 atom 1 authentication 1 autostyle 1 autostyling 1 babel 1 chat 1 chrome devtools 1 coffeescript 1 cordova 5.2 1 cordova 6.5 1 cycling 1 design 1 electron 1 encryption 1 events 1 firebase 1 forum 1 foursquare 1 giro d'italia 1 github 1 gitter 1 gulp 1 horizon 1 hot-reloading 1 hybrid app 1 ide 1 in-app purchases 1 in-app updates 1 instagram 1 intellij 1 jasmine 1 kintone 1 knockout 1 masahiro tanaka 1 meteor 1 mocha 1 news 1 onsen ui 2 1 onsen2 1 performance 1 platform 1 polymer 1 popvox 1 protractor 1 qunit 1 raspberry pi 1 release notes 1 responsive 1 rethinkdb 1 review 1 screw.unit 1 security 1 source control 1 spotify 1 ssl 1 stylus 1 sublime 1 test 1 time-travel 1 transpiling 1 twitter 1 unit.js 1 user interface 1 version control 1 visual studio code 1 vue.js 1 vuex 1 wikitude 1