TUTORIALS
Get flash to fully experience Pearltrees
Introduction to PhoneGap Development
PhoneGap is an open source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript. This is an ideal solution for web developers interested in mobile development as it allows them to leverage existing skills rather than start form scratch with a device-specific compiled language. This is also an ideal solution for those interested in creating an application that can run on multiple devices with the same code base. In this tutorial, you will learn how to setup the PhoneGap development environment and learn some of the fundamental development considerations of the platform. Introducing PhoneGap Applications built with PhoneGap are not just like normal mobile web sites.HTML5 features appcaching, a way to make your web sites and apps work offline, and to increase their performance as well. To learn more about the HTML5 appcache, read our comprehesive overview to get you started. So what does manifestR do?
manifestR - offline web apps made easy (well easier)
Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers have caching mechanisms, but they're unreliable and don't always work as you might expect. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface.
HTML5 Rocks - A Beginner's Guide to Using the Application Cache
4 Tools for Building a Business Mobile App
In a world where there’s always “an app for that,” more small businesses see the value in creating their own mobile apps. The technical know-how necessary to develop an impressive app and the cost of hiring a professional developer, however, have discouraged the production of many would-be branded applications. Affordable do-it-yourself alternatives give all companies — even those with minimal tech expertise — a way to create their own apps.
Creare un sito per iPhone con jQTouch e PHP | Beat Fly Blog | tutorial photoshop jquery css php
Ultimamente mi stò avvicinando molto al mondo del mobile con molto entusiasmo sia per la semplicità con cui possiamo sviluppare le nostre applicazioni, sia per la minore difficoltà che si può incontrare nell’utilizzo di TAG e scripts. Nel mio caso, possedendo da tempo un iPhone, ho scoperto come sia davvero divertente sperimentare mini siti o proporre applicazioni da vendere ai miei Clienti utilizzando ottimi strumenti open source disponibili in rete e continuando a mettere in pratica le normali nozioni CSS, JavaScript e PHP di sempre. Non molto tempo fa, citai l’ottimo Framework jQTouch specifico per la creare applicazioni specifiche per iPhone i iPad e dunque proprio utilizzando lo stesso, vedremo oggi come creare da zero un sito ottimizzato per il device di casa Apple. Questo tutorial cercherà di spiegarvi come:
Over the past few years, mobile web usage has considerably increased to the point that web developers and designers can no longer afford to ignore it. In wealthy countries, the shift is being fueled by faster mobile broadband connections and cheaper data service. However, a large increase has also been seen in developing nations where people have skipped over buying PCs and gone straight to mobile.
How To Build A Mobile Website - Smashing Magazine
In earlier articles we covered HTML5 Semantics and multiscreen authoring in Dreamweaver. In this article we're going to look at the process of building a native phone application in Dreamweaver CS5.5. The PhoneGap framework has become popular with web designers who want to write native moble applications using HTML, JavaScript and CSS. Adobe decided to team up with these people and integrate their framework for Android and iOS directly into Dreamweaver. Having said that, it's necessary to install the Android and iOS SDK's into Dreamweaver in order to be able to use them.
How to Build a Native Mobile Application in Dreamweaver CS5.5
Welcome to Part 1 of a two-part tutorial on building complete mobile web applications in JavaScript using DocumentCloud's Backbone.js , jQuery Mobile and LABjs . In Part 1, I'll be covering a complete run-down of Backbone 0.5.2's models, views, collections and routers but also taking you through options for correctly namespacing your Backbone application. I'll also give you some tips including what scaffolding tool that can save time setting up your initial application, the ideal number of routers to use and more. We'll then build a testable wireframe of our application in jQuery Mobile before we complete building it in Part 2.
Building Mobile JavaScript WebApps With Backbone.js & jQuery: Part I
Building a Mobile Web Application with the Google Reader API
This tutorial will teach you how to build a mobile news feed reader web application using the Google Reader API. This application will be very “feature focused”, but the foundation you learn here should be enough for you to expand upon in your own apps. As of the time of this writing, there isn’t an official Google Reader API, so this tutorial will make use of the unofficial API commonly used when building Google Reader applications.
Full Screen Web Apps
One of the first problems encountered when building a mobile web app from scratch is the amount of space consumed by the browser’s address bar. This tutorial will demonstrate how to reclaim the screen real estate otherwise lost to the address bar while accounting for orientation changes, content height problems, and internal document links. Defining the Problem One of the most difficult aspects of designing for mobile devices is the limited amount of screen space available. Mobile web applications must be streamlined and intuitive in order to compete with native applications, and the presence of the browser’s user interface often only subtracts from the user experience and the site aesthetic as a whole.Fullscreen.me is an interesting service that allows you to create iOS web apps that run in fullscreen mode. You can create little web apps through mobile Safari using Fullscreen.me’s website interface. This is nice if you have a lot of websites that you visit on your iPhone, and you don’t want to have to navigate through Safari tabs to try to view them all. You can instead create little icons on your home screen of all your favorite sites… If you visit Fullscreen.me on your iPhone, you are given the option to enter a URL to create a fullscreen web app.
Create Your Own Fullscreen Web Apps With Fullscreen.me
jQuery e CSS3, lavorare con le Media Queries
Nella scorsa uscita Sviluppare layout con le Media Queries abbiamo realizzato un layout, “one page site”, con HTML5 e i CSS3 con un’interfaccia dinamica che si adatta al dispositivo di navigazione utilizzato, sia esso uno smartphone, un tablet o un normale computer. Nella seconda parte ora, applicheremo a questa struttura di base alcune tecniche per migliorarne la , facendo ricorso a e al supporto del framework . Tutto il codice presentato va naturalmente richiamato all’interno del metodo $(document).ready , in modo da essere eseguito non appena è disponibile l’albero del documento. Navigazione a scorrimento A prescindere dal device, la pagina di esempio presenta un andamento di navigazione verticale e può essere utile gestire, con uno script, lo scroll tra i link interni e le loro destinazioni, ottenendo un piacevole effetto.Offline iPhone Web Apps
Posted by weimenglee 3 years 1 week ago One of the several features outlined in the HTML 5 specification is the support for Web applications that continue to work while they are offline. This feature is very useful for Web applications because a Web application can be loaded just once and then run offline without needing a persistent Internet connection, making it behave just like a locally installed native application.Taking your web sites and apps offline with the HTML5 appcache There’s a general (and understandable) belief by even many developers that web sites and web applications can only be used when the browser has a web connection. Indeed, this is routinely cited as one of the real advantages of “native” apps over web apps.