html5 Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/html5/ Developer • YouTuber • Blogger Tue, 06 Nov 2018 17:27:50 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.timo-ernst.net/wp-content/uploads/2021/03/cropped-Timo-Ernst-Small-32x32.jpg html5 Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/html5/ 32 32 Particle animation with HTML5 Canvas and JavaScript Tutorial https://www.timo-ernst.net/blog/2018/11/05/particle-animation-with-html5-canvas-javascript-tutorial/ https://www.timo-ernst.net/blog/2018/11/05/particle-animation-with-html5-canvas-javascript-tutorial/#respond Mon, 05 Nov 2018 18:59:06 +0000 https://www.timo-ernst.net/?p=4130 In this video I’ll show you how to create something like this: Source code available on GitHub: https://github.com/valnub/particle-animation-javascript

The post Particle animation with HTML5 Canvas and JavaScript Tutorial appeared first on Timo Ernst.

Related posts:

  1. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
  2. Create AppleTV UI Animation with AtroposJS | HTML CSS JavaScript Tutorial
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2018/11/05/particle-animation-with-html5-canvas-javascript-tutorial/feed/ 0 Build a chat app in 20 minutes https://www.timo-ernst.net/blog/2017/03/20/build-chat-app-20-minutes/ https://www.timo-ernst.net/blog/2017/03/20/build-chat-app-20-minutes/#respond Mon, 20 Mar 2017 18:21:20 +0000 https://www.timo-ernst.net/?p=3681 In this video screencast I will teach you how to create a chat app for iOS and Android with the power of Vue.js, Framework7 and PhoneGap in only 20 minutes. Source code can be downloaded on Github If you want you can try out the demo first here Click the image below to watch the […]

The post Build a chat app in 20 minutes appeared first on Timo Ernst.

Related posts:

  1. How to log in to Twitter API using oauth
  2. Build a Calendar in 5 mins with HTML and Framework7 | Video Tutorial
  3. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
]]> https://www.timo-ernst.net/blog/2017/03/20/build-chat-app-20-minutes/feed/ 0 Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap https://www.timo-ernst.net/blog/2017/01/09/tutorial-create-a-twitter-app-with-vuejs-framework7-phonegap-and-webpack-episode-01/ https://www.timo-ernst.net/blog/2017/01/09/tutorial-create-a-twitter-app-with-vuejs-framework7-phonegap-and-webpack-episode-01/#comments Mon, 09 Jan 2017 13:14:03 +0000 https://www.timo-ernst.net/?p=3587 In my last post I showed you how to kick-off a new project with Framework7, VueJS and Webpack. So, I thought in the next video I could show you a real-world example on how to create an app based on these technologies. In this screencast we will create a Twitter client for iOS and Android […]

The post Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap appeared first on Timo Ernst.

Related posts:

  1. How to post tweets via Twitter API with Vue.js and Framework7
  2. How to log in to Twitter API using oauth
  3. Port a Vue.js webapp to PhoneGap tutorial
]]> https://www.timo-ernst.net/blog/2017/01/09/tutorial-create-a-twitter-app-with-vuejs-framework7-phonegap-and-webpack-episode-01/feed/ 13 Let’s try Vue.js with Framework7! https://www.timo-ernst.net/blog/2016/11/11/lets-try-vue-js-framework7/ https://www.timo-ernst.net/blog/2016/11/11/lets-try-vue-js-framework7/#respond Fri, 11 Nov 2016 11:12:28 +0000 https://www.timo-ernst.net/?p=3558 Watch me trying the new Vue.js plugin for Framework7 for the first time. Bear with me on this one, it’s the first time I give this a try so there will be a lot of try and error involved! :-)

The post Let’s try Vue.js with Framework7! appeared first on Timo Ernst.

Related posts:

  1. PhoneGap/Cordova templates for VueJS with Framework7
  2. How to get started with Framework7, VueJS and Webpack
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2016/11/11/lets-try-vue-js-framework7/feed/ 0 Why I am still in love with Framework7 https://www.timo-ernst.net/blog/2015/08/07/why-i-am-still-in-love-with-framework7/ https://www.timo-ernst.net/blog/2015/08/07/why-i-am-still-in-love-with-framework7/#comments Fri, 07 Aug 2015 10:19:33 +0000 http://timo-ernst.net/?p=3321 Disclaimler: First of all, let me state clear that I am not involved into the Framework7 project. I am not getting paid for this post. This is just my honest, personal opinion as a mobile developer. Early steps The first framework I used when I started mobile development was jQueryMobile. I was used to jQuery […]

The post Why I am still in love with Framework7 appeared first on Timo Ernst.

Related posts:

  1. PhoneGap/Cordova templates for VueJS with Framework7
  2. Tutorial: Auto-Complete Search with React, Node and Framework7
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2015/08/07/why-i-am-still-in-love-with-framework7/feed/ 30 Framework7 template with TypeScript and AngularJS https://www.timo-ernst.net/blog/2015/04/01/framework7-template-with-typescript-and-angularjs/ https://www.timo-ernst.net/blog/2015/04/01/framework7-template-with-typescript-and-angularjs/#comments Tue, 31 Mar 2015 23:38:31 +0000 http://www.timo-ernst.net/?p=3102 Important: Read this first! This article covers a template for Framework7 apps built on TypeScript, SASS, Grunt and AngularJS. From my experience so far I discovered that TypeScript is really complicated and not much fun to use with F7 and Angular. Also, some people seem to struggle with the grunt compile process. So, I created […]

The post Framework7 template with TypeScript and AngularJS appeared first on Timo Ernst.

Related posts:

  1. Video Screencast: How to use Framework7 with Angular 1.x
  2. Experiment: An iPhone app built with Framework7, TypeScript, and Angular 1.x
  3. Which Framework7 template should you choose?
]]> https://www.timo-ernst.net/blog/2015/04/01/framework7-template-with-typescript-and-angularjs/feed/ 3 Failed PhoneGap Update kills project https://www.timo-ernst.net/blog/2013/09/17/failed-phonegap-update-kills-project/ https://www.timo-ernst.net/blog/2013/09/17/failed-phonegap-update-kills-project/#respond Tue, 17 Sep 2013 10:47:52 +0000 http://www.timo-ernst.net/?p=3081 Before you get the newest Cordova version for your PhoneGap project and run the update script, you better might want to back it up, or otherwise: taylor:bin valmar$ ./update ~/dev/android/myp An unexpected error occurred: ANDROID_BIN="${ANDROID_BIN:=$( which android )}" exited with 1 Deleting project... Thank you, PhoneGap for deleting my project!

The post Failed PhoneGap Update kills project appeared first on Timo Ernst.

Related posts:

  1. PhoneGap/Cordova templates for VueJS with Framework7
  2. 2018 Framework7 V2 templates for Vue + PhoneGap/Cordova
  3. Deploy Framework7 apps to Android with PhoneGap/Cordova | Beginner Tutorial
]]> https://www.timo-ernst.net/blog/2013/09/17/failed-phonegap-update-kills-project/feed/ 0 How to read cookies in a Phonegap-based Android app with Java https://www.timo-ernst.net/blog/2013/09/03/how-to-read-cookies-in-a-phonegap-based-android-app-with-java/ https://www.timo-ernst.net/blog/2013/09/03/how-to-read-cookies-in-a-phonegap-based-android-app-with-java/#respond Tue, 03 Sep 2013 10:44:51 +0000 http://www.timo-ernst.net/?p=3077 Just took me forever to get this straight, here is the trick on how to do it: CookieSyncManager sym = CookieSyncManager.createInstance(appView.getContext()); CookieManager com = CookieManager.getInstance(); sym.sync(); String cookie = com.getCookie("file:///android_asset"); if (cookie == null) Log.d("MainActivity", "Cookie is null"); else{ Log.d("MainActivity", "Cookie exists, value is:"); Log.d("MainActivity", cookie); }

The post How to read cookies in a Phonegap-based Android app with Java appeared first on Timo Ernst.

Related posts:

  1. The perfect syncing solution for Android-based devices on Mac computers
  2. Deploy Framework7 apps to Android with PhoneGap/Cordova | Beginner Tutorial
  3. Failed PhoneGap Update kills project
]]> https://www.timo-ernst.net/blog/2013/09/03/how-to-read-cookies-in-a-phonegap-based-android-app-with-java/feed/ 0 SmokeScreen.us: Flash2HTML5 converter https://www.timo-ernst.net/blog/2010/06/05/smokescreen-us-flash2html5-converter/ https://www.timo-ernst.net/blog/2010/06/05/smokescreen-us-flash2html5-converter/#respond Sat, 05 Jun 2010 16:14:29 +0000 http://www.timo-ernst.net/?p=2390 Here we have an interesting Flash2HTML5 converter which seems to work up to (parts of) Flash8. Check out smokescreen.us for demos and more info (Thanks to Antonio for the link). Seems like it works pretty decently regarding movies and animations but I wonder if “real” applications would work with it, like for example such which […]

The post SmokeScreen.us: Flash2HTML5 converter appeared first on Timo Ernst.

Related posts:

  1. Google Chrome Flash debugger not connecting to Flex/Flash Builder?
  2. Rumor: Google bundles Chrome with Flash?
  3. Flash Player 10.1 performance explosion
]]> https://www.timo-ernst.net/blog/2010/06/05/smokescreen-us-flash2html5-converter/feed/ 0 OpenLaszlo: A new old rival for Adobe Flex https://www.timo-ernst.net/blog/2010/05/22/openlaszlo-a-new-old-rival-for-adobe-flex/ https://www.timo-ernst.net/blog/2010/05/22/openlaszlo-a-new-old-rival-for-adobe-flex/#comments Sat, 22 May 2010 13:26:16 +0000 http://www.timo-ernst.net/?p=2333 Around two years ago, I wrote a little article about OpenLaszlo, a promising RIA framework, for richability.com in which I compared it to Adobe’s Flex platform. Since a lot of time has passed and many things changed since then, I think it’s time for an updated sight on this technology. Back in the days when […]

The post OpenLaszlo: A new old rival for Adobe Flex appeared first on Timo Ernst.

Related posts:

  1. OpenLaszlo vs. FLEX
  2. Please, Adobe. Give us the Ajax Builder!
  3. There is no Flex Developer!
]]> https://www.timo-ernst.net/blog/2010/05/22/openlaszlo-a-new-old-rival-for-adobe-flex/feed/ 5