Developer • YouTuber • Blogger
The problem in Framework7 In most webapps for iOS (not only Framework7) that use -webkit-overflow-scrolling:touch for scrolling within elements instead of the whole body you will experience the following issue: You scroll up to the very top of the document and then you scroll down immediately when you get the bounce back. You will notice […]
Disclaimer: Since this post is getting quite some attention I have to state some things clear, so read this first! This example is not best practice on how to use Framework7, it’s more of an experiment to see how it works with Angular and TypeScript. Framework7 has an own templating engine called Template7 so Angular […]
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 […]
I’ve been looking for a calendar component created with web standards but couldn’t find any, so I created my own. Say hello to hcal calendar Hcal ist a HTML5 calendar widget inspired by iOS. This HTML component looks pretty similar to the native calendar app of iOS. It’s dead simple to use, small in file […]
It just took me forever to find out how to set the right font family for Futura Condensed Medium. There is a lot of bullshit on the web what the correct family name should be and they’re all wrong, so here is the right way: font-family:’Futura-CondensedMedium’
If you created a website with 100% height, you might encounter the problem that iPhone5 doesn’t hide the address bar while iPhone 4/4s and older do hide it. Existing solutions There are quite some JavaScript-based solutions on this issue that use scrollTop() and add a margin at the bottom of your page, e.g.: Hide address […]
It’s really simple, just use this function: function isIphone5(){ function iOSVersion(){ var agent = window.navigator.userAgent, start = agent.indexOf( ‘OS ‘ ); if( (agent.indexOf( ‘iPhone’ ) > -1) && start > -1) return window.Number( agent.substr( start + 3, 3 ).replace( ‘_’, ‘.’ ) ); else return 0; } return iOSVersion() >= 6 && window.devicePixelRatio >= 2 […]
I’ll be speaking on the upcoming ZK user group conference in Mannheim, Germany on December 6th, 2011 (what’s ZK?). If you enjoy developing rich internet applications with the power of Java, I highly recommend to be there. If you want to join, just sign up for the event on zkoss.org for free and see three […]
I created a new online platform called zkexamples.com. The goal is to provide really simple and quick examples for common ZK use-cases and requirements (what is ZK?). The idea is based on flexexamples.com which was a great help to me when I was coding a lot of Adobe Flex. If anyone has some nice examples […]
If you’re using the awesome ZK framework together with Hibernate you might run into some issues where Hibernate behaves a little funky while the application runs. The trouble’s cause According to the developers of ZK, the reason for this is ZK’s multi-threaded event model. Whenever an event gets fired, a new event thread is created. […]