librairie (ressources mobiles)

TwitterFacebook
Get flash to fully experience Pearltrees
The touchcancel event is often neglected when building touch–interfaces using JavaScript. Historically, browsers vendors have never really published documentation detailing the circumstances as to when this event gets fired, and hence it has always been associated with a level of obscurity by many developers. http://alxgbsn.co.uk/2011/12/23/different-ways-to-trigger-touchcancel-in-mobile-browsers

Different ways to trigger touchcancel in mobile browsers - MiniApps Blog

Pocket-Sized Design: Taking Your Website to the Small Screen

http://alistapart.com/article/pocket Among the many websites that are out there, few are standards-compliant.
http://econsultancy.com/blog/8333-retailers-need-to-optimise-mobile-sites-or-risk-losing-customers

Retailers need to optimise mobile sites or risk losing customers

A new report from dotCommerce confirms what many might suspect about mobile users; they are impatient and have short attention spans. However, it also reveals that most retailers haven’t taken this on board when optimising their site for mobile use, causing them to lose out on sales and damaging their brand. The report also found that a majority of mobile sites are incompatible with Android and Blackberry devices. dotCommerce assessed 12 UK retailers that ranked in the top three of Google searches for cosmetics, footwear, cookware and fragrances, all of which were tested using Android, Blackberry and iPhone devices. Each site was marked against 22 criteria across eight categories such as ease of use, security and integration with other marketing.
Quels sont les standards pour le développement mobile ? Comment sont-ils supportés par les navigateurs ? Des réponses avec cet extrait de l'ouvrage de Maximiliano Firtman, paru chez Pearson. Dans le contexte du Web mobile actuel, notre travail sera directement lié aux standards et pseudo-standards suivants : XHTML Mobile Profile 1.0, 1.1 et 1.2 ; XHTML Basic 1.0 et 1.1 ; XHTML 1.0 et 1.1 ; HTML 3.2 et 4.0 ; brouillon de HTML 5.0 ; extensions de facto de (X)HTML ; WAP CSS ; CSS Mobile Profile ; CSS 2.1 ; CSS 3.0 ; extensions spécifiques de CSS. http://www.journaldunet.com/developpeur/client-web/developper-pour-le-web-mobile/

Développer pour le Web mobile : bonnes feuilles - Journal du Net Développeurs

ChocolateChip-UI est un framework HTML pour faciliter le développement HTML sur mobile et tablette . Optimisé pour tourner sous WebKit , ce framework pour mobile amène tout le nécessaire pour développer en HTML des interfaces sympa : Elements graphiques (boutons, popup, Tabbar …) Le CSS qui va avec (optimisé pour WebKit donc très léger) Du Javascript pour faire tourner le tout La grosse nouveauté en plus de sa légèreté et la création d’un langage de description WAML (Web App Markup Language) (une sorte de HTML pour faire simple) avec des nouvelles balises qui permet très rapidement et simplement d’avoir une interface riche et qui tourne sur mobile : <uibutton> <lable>Click Me!</label> </uibutton> Ou encore, pour ajouter un icon sur son bouton : <uibutton ui-icon-align="right" ui-bar-align="right"> <icon style="background-image: url(icons/iTunes_icon.png);"></icon> http://blog.ebuildy.com/2011/04/05/mobile-html-framework-chocolatechip-ui.html

Mobile Web App Framework pour développer du HTML sur votre mobile / tablette

Tutorials Detect and Prompt iPhone Visitors This tutorial will outline a simple procedure used to display an “iPhone style” modal prompt whenever a user visits your site from an iPhone/iPod touch. For this example we will combine user agent detection with the JavaScript confirm() method to create a prompt which allows the user to select between your regular and iPhone-optimized versions of your website. Read more » Target Content to iPhone Visitors

iPhone Microsites - Tutorials

http://iphonemicrosites.com/tutorials/
Well, we did promise we'd get around to a tutorial eventually, so here you have it! http://engageinteractive.co.uk/blog/tutorial-building-a-website-for-the-iphone

How to build a website for the iphone with orientation detection | Engage Interactive Blog | Web design Harrogate

http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries ‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate. (320 and Up has been replaced by Rock Hammer and is no longer actively developed.) 320 and Up on Github Download This is the new ‘320 and Up’ A lot’s changed since I wrote the original ‘320 and Up’ , my ‘tiny screen first’ responsive web design boilerplate. Back then we were just getting started with responsive web design and many sites, including mine, and frameworks and boilerplates like HTML5 Boilerplate, structured their CSS3 Media Queries from the desktop down, rather than for small screens up.

Hardboiled CSS3 Media Queries | Stuff and Nonsense

http://mobile.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/

How To Build A Mobile Website - Smashing Magazine

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.
http://spyrestudios.com/10-great-tools-to-create-a-mobile-version-of-your-site/

10 Great Tools to Create a Mobile Version of Your Site

84% of Americans currently own a mobile phone. Sadly, there are no figures showing how many of these devices are ageing bricks without internet capabilities, but you can bet that, within a few years, the majority of mobile phone users will be able to browse the internet, wherever they are. Right now, most websites are completely unsuitable for mobile viewing, taking 60 or more seconds to load and looking jumbled and confused as they’re squashed onto smaller screens. Every day, however, thousands of people are releasing mobile versions of their websites and seeing greatly increased levels of traffic as a result. Unless you optimize your website for mobile phone users soon, you could be left behind by the competition. Creating a mobile-friendly version of your site sounds like a daunting task, but it couldn’t be easier to do.