Some month ago I posted an article named Into PhoneGap: an example of API-aware native iPhone app with HTML5 and SQL local database and several readers asked me for the full source code of the example app. In this post I would like to do more. In recent times I had to chance to work a lot [...]
Mobile web application libraries are dividing in two main groups: lightweight libraries and complex and (often heavy) application framework with extended UI support. Introduction A good point of balance is iUI – a web UI framework for mobile devices. It offers a really basic, but very functional, navigation system between pages (the classic left-to-right and [...]
GeoSuggester let you obtain full geographic data from a single input string provided by user, thanks to geocoding functionalities offered by Google Maps API services.
These days I had the opportunity to test PhoneGap, an open source framework for creating native mobile apps with web standards. So, first things came to mind when you think about HTML5, is that even if mobile browsers are very fast to implement new features, you cannot truly count on “standards” but on “drafts”. The [...]
A very important topic in web development it’s about Events. jQuery offers a nice syntax with functions like element.click(), MooTools -instead- tries to remain closer to natural JavaScript implementation with element.addEvent(‘onclick’, fn). Modern browsers have really no problem with this, the syntax is simple: el.addEventListener(“click”, eventTriggered, false); function eventTriggered() { //do your stuff }
I’m going to write some premise-posts to my recent experience with a native app for iPhone wrapped with PhoneGap. Before to reach that point, I would like to focus on how, in certain circumstances (E.g., mobile development), there is no need to include heavy libraries like jQuery, causing often poor performance especially on less recent [...]
MooTools Quick DemojQuery Quick Demo Common design patterns about Placeholder hide labels on focus event, so when user select the input box. Another technique hides the label after user’s focus, precisely it does on first letter typed (it’s the case of new twitter welcome-page).
Element.crossfade is a MooTools extension to simulate a tween for background-image element’s property. The syntax, in this new version, is very clear: document.id(‘el’).crossfade(‘end_image.jpg’); Just remember your element position property in CSS should be expressly declared (as absolute, relative or fixed), don’t leave it blank. Note: you can customize the fade behavior by setting tween properties [...]
Italian version Modern web design trends are going far from classic numbering pagination. Facebook, Twitter, Tumblr: all of them chose the infinite scroll paradigm to show more contents.
In un esempio recente su questo blog ho mostrato come ottenere un’effetto slide verticale (simulando un’illusione di movimento grazie ad alcune immagini ad-hoc). Qualcuno mi chiede se è possibile realizzarlo anche con un’interpolazione orizzontale: niente di più facile, MooTools mette a disposizione delle classi che facilitano il lavoro (Fx.Slide, invece del semplice tween utilizzato nell’esempio [...]