imwill.com » Hendrik Will

How to clear the HTML5 App Cache (Chrome)

Hendrik Will — Sat, 21 Apr 2012 12:17:39 +0000

I recenlty had to clear the Application Cache while working with Chrome/Chromium/Iron. When you open the developer tools you can see the App Cache for the website you open. But how to get an overview of all websites using your App Cache? Furthermore how is it possible to delete entries from the App Cache?

Just enter the following address in your browsers address bar and a simple overview of all App Caches will pop up:

chrome://appcache-internals/

18 of my Favorite Corporate Software Engineering & Tech Blogs

Hendrik Will — Tue, 17 Apr 2012 23:00:38 +0000

Here is my actual favorite list of Corporate Software Engineering & Tech Blogs of young web startups and big guys like Twitter, Facebook and Pinterest.

You can get interesting insights how they can handle millions of users every day. They share programming techniques, tool reviews and deal with topics like High Scalability, Infrastructure, Software Architecture and Big Data.

Definitely a good way to learn new stuff and catch up with the latest trends.

Please, add your favorites in the comments.

Instagram Engineering (Architecture, Infrastructure, Redis, Python
http://instagram-engineering.tumblr.com/

Code as Craft – Etsy (Infrastructure, PHP, Internationalization)
http://codeascraft.etsy.com/

Foursquare Engineering Blog (MongoDB, Scala, Lift, Amazon AWS)
http://engineering.foursquare.com/

bit.ly Engineering Blog (Infrastructure, Big Data, Virtualization)
http://word.bitly.com/

Dropbox tech blog (Haskell, Python, Cryptography)
http://tech.dropbox.com/

flickr developer blog(Python, Javascript..)
http://code.flickr.com/blog/

LinkedIn Engineering (Big Data, Javascript, Architecture)
http://engineering.linkedin.com/blog

Twitter Engineering (Infrastrcuture, Big Data, Java)
http://engineering.twitter.com/

The Netflix Tech Blog (Cloud Architecture, NoSQL, Javascript)
http://techblog.netflix.com/

37signals (Ruby on Rails, Javascript, Infrastructure)
http://37signals.com/svn/programming
http://37signals.com/svn/sysadmin

XING Devblog (Ruby on Rails, User Experience, QA)
http://devblog.xing.com/

P-ingeneering – Pinterest (Python, MySQL…just getting started)
http://engineering.pinterest.com/

Yelp Product&Engineering (Python, Mobile Web), Data Mining)
http://engineeringblog.yelp.com/

Twilio Engineering Blog (Python, Infrastructure, Javascript)
http://www.twilio.com/engineering

Socialcast Engineering (Big Data, Javascript, Ruby on Rails)
http://engineering.socialcast.com/

Klout (Java, Scala, Play! Framework)
http://corp.klout.com/blog/category/engineering/

Yammer Engineering (Scala, Ruby on Rails, Javascript)
http://eng.yammer.com/

Kontera (Ruby on Rails, Amazon AWS, Javascript)
http://konteratechblog.squarespace.com/

Facebook
http://www.facebook.com/Engineering?sk=notes

Measure elapsed time in Nanoseconds with Java

Hendrik Will — Sat, 14 Apr 2012 13:14:30 +0000

For my recent experimental gaming project I wanted to measure the overall elapsed time since the beginning of a game.
In my main class I added a startup variable of type long which contains the current time in nanoseconds. At the end of a game call the function stopWatch(startup); to get the elapsed time in seconds.

Example:

Flickering Sencha Touch Animations on Android

Hendrik Will — Mon, 29 Aug 2011 08:28:56 +0000

After deploying my project on Android Devices I found out about some annoying bug in Sencha Touch. It causes flickering on Android when using Animations like cardSwitchAnimation: ‘slide.’ All available solutions didn’t seem to fix this issue on my setup completely. I was using a tabBar at the bottom of my application and the icons of it didn’t get rendered when the app loaded for the first time.
The property -webkit-perspective helped me to fix this problem

.x-panel {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

This was tested with Sencha Touch 1.1.0 and PhoneGap 1.0.0 on Android 2.3.

Sencha Touch Tutorials and References

Hendrik Will — Sat, 27 Aug 2011 20:17:45 +0000

A couple days ago I began to develop my first mobile web app with the Sencha Touch Framework which is a HTML5 Mobile Web App Framework. Before I began with the development process I tried to find the most useful articles, tutorials, screencasts, etc. about Sencha Touch. Here I wanna share the result of my research.

This post will be updated continuously.

Basics

First of all there are some basics you should know about before digging into more complex tutorials and examples.

Sencha Touch Kitchen Sink

Sencha Touch Learn Section

Sencha Touch API Documentation

Sencha Touch Forums (Official)

Development Environment (IDE)

AppLaud Eclipse Plugin for easy project setup of a Sencha Touch App with PhoneGap

Spket IDE Plugin for Eclipse or Aptana + Fix for jsb3 support

Integrate JS Builder 3 with Eclipse or Aptana
http://www.swarmonline.com/2011/02/how-to-integrate-js-builder-3-with-eclipse-or-aptana-on-windows/

tinyHippo’s Ripple Emulator (Chrome plugin)
http://ripple.tinyhippos.com/

Tutorials

Writing a Sencha Touch Application (4 Parts)
http://miamicoder.com/2011/writing-a-sencha-touch-application-part-1/

Writing a Sencha Touch MVC Application
http://miamicoder.com/2011/writing-a-sencha-touch-mvc-application/

Creating a Sencha Touch MVC application from scratch (3 parts)
http://www.onlinesolutionsdevelopment.com/blog/mobile-development/creating-a-sencha-touch-mvc-application-from-scratch-part-1/

Create Image Gallery Using Sencha Touch
http://superdit.com/2011/08/20/create-image-gallery-using-sencha-touch/

Building a Newsletter App (5 parts)
http://www.jamie-cross.net/?p=75

Interesting tips about Sencha Touch
http://www.senchatouchbits.com/

Screencasts

Sencha’s vimeo channel

Community

Questions tagged with sencha-touch at stackoverflow.com

Books

Watch out for Sencha Touch in Action which will be released in Fall 2011

Examples

Sencha’s official Demo list

Mitchell Simoens’ Demos

vimeo Festival Awards

Parken Festival done by Whitefox AS

Conference Example + Git repository

Git repositories

Contacts Manager
https://github.com/RobinQu/Phone-Demo

USGS Earthquake Map using Sencha Touch MVC
https://github.com/wswijaya/m.usgs

Hibernate Dependencies for a Maven Web App

Hendrik Will — Wed, 13 Jul 2011 10:49:34 +0000

If you’re using Maven to build a Web App with the latest version of Hibernate you only need to add the hibernate-core dependency to your pom.xml (Project Object Model). The Hibernate project added their own pom.xml which will download all other library dependencies from the Maven repository for you automatically.

I saw that many blogs still refer that you have to add many dependencies to use Hibernate which confused me a lot. Also JBoss recently started to sync their repository with the Maven repository. So there is no need to add another JBoss repository to your pom.xml.

Maven Hibernate Core Dependencies

Here is a snippet:


 org.hibernate
  hibernate-core
  3.6.3.Final

Google+ Notifications Blocker User Script

Hendrik Will — Mon, 11 Jul 2011 23:45:56 +0000

As I use some Google Apps to boost my productivity I was quite annoyed by the Google+ notifications in the top bar. I wrote a user script to get rid of the notifications for all Google Apps except Google+.

Tested with Greasemonkey for Firefox and Chrome.

Get it at userscripts.org

“TYPO3 Templates” book review

Hendrik Will — Sat, 26 Mar 2011 11:48:39 +0000

Packt Publishing asked me to review their latest book about TYPO3 Templates by Jeremy Greenawalt.

This book covers everything you should know about TYPO3 Template Engine TemplaVoila. You’ll learn everything from install of the extension to mapping a template from scratch. This method more easy than the classic marker method or the makeautotemplate extension.

The book also has a whole chapter about different kinds of menus TYPO3 brings with it and shows how to use them with TemplaVoila. Another interesting chapter is about customization of the backend for backend users and groups.

Last but not least they even cover BusyNoggin’s TemplaVoila Framework in a whole chapter. This is quite interesting and you should definitely read it.

In my opinion this book gives a good overview about TemplaVoila template building and even gives some outlook to the Framework. I think this book is good for beginners and intermediate users who would like to learn using from scratch or learn some more advanced techniques. Designers should be familiar with HTML/CSS. Experts may not find anything new.

Table of contents

Sample Chapter: Chapter No.4 ”Creating Flexible Menus”

Here you can buy the book!

Is Jolicloud 1.1 really the web of tomorrow?

Hendrik Will — Wed, 22 Dec 2010 18:12:37 +0000

I just stumbled upon the Jolicloud 1.1 operating system which has been developed especially for Netbooks. It is based on the Ubuntu Netbook Remix Linux distribution and shows lots of HTML5 capabilities. There is a Windows installer but you can also install it as your primary operating system. To gain a better impression of Jolicloud I installed it as virtual instance with Oracle’s VirtualBox. Of course you could also install it on your USB drive.

Startup screen after loading the Jolicloud ISO image in VirtualBox.

Minimal boot screen.

At the login screen you can register for a new account or login via Facebook. As you from the right-click menu, this is already browser-based.

After sign-up this welcome screen will pop-up.

The home screen includes links to the most famous social media apps like Facebook or Twitter. In the background they use Mozilla's Prism installer to make a browser based app out of these services.

It also has a menu for system settings.

There is also an App Center where you can download about 750 apps.

The app or friend search is amazingly fast!

As there is an Ubuntu Linux running in the background you've also got a Terminal.

If the system is losing connection to the cloud, you'll get an error message like this.

You can customize your Desktop like any other system and use on of the pre-defined wallpapers or even paste an URL to your own favorite wallpaper.

Also the shutdown dialogue just looks like any other operating system.

Conclusion

Overall Jolicloud 1.1 almost feels like an operating system to me. You can install your own local apps and for the low-level fans you even have a Terminal. It might be a good choice for an older Notebook or slow Netbook.

Pros

Good hardware compatibility http://www.jolicloud.com/product/compatibility
Easy and fast install process
Amazingly fast boot-up
Low power consumption

Cons

ToS http://www.jolicloud.com/tos
Sometimes the cloud seemed a bit laggy to me and the services took some time to reload
At some points it still feels like a beta version and not a final 1.1 release

Let me know what you think about it and if you’re using it in for your productive working environment.

How to export your Delicious bookmarks to a XML file

Hendrik Will — Thu, 16 Dec 2010 13:09:51 +0000

Today, there have been rumors that Yahoo!’s bookmarking service Delicious will be shut down soon. If you’re scared about losing all your bookmarks there are two ways how to save all of your Delicious bookmarks.

First option would be to use their export option. This way you will get a HTML file.

Second more advanced option would be to use curl+Delicious API and grab all of your bookmarks including tags to an XML file.

Just open your terminal and simply run the following line:


curl https://{username}:{password}@api.del.icio.us/v1/posts/all > delicious.xml

This will push all your Delicious bookmarks including your tags to a delicious.xml file like this:

...

The Delicious API supports various arguments to filter your data. For example you can filter by tags or specify a start or end date.