librairie (ressources mobiles)

TwitterFacebook
Get flash to fully experience Pearltrees
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 | Econsultancy

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. The report found that search is even more important on mobile than on desktop, since users have less patience and smaller screens, meaning that short but compelling explanations of products are vital.
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. extensions spécifiques de CSS. Cela peut sembler beaucoup, mais, n'ayez crainte, nous pouvons distinguer deux types de standards : ceux fondés sur HTML et ceux fondés sur 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 : 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 : A mon gout l’interface ressemble trop au SDK d’Apple (iOS) et je trouve dommage d’arriver au même résultat (mais le design peut se personnaliser avec un peu de CSS et de PhotoShop ), leur WAML est pas mal mais signifie que l’interface ne marchera qu’avec ce framework. Autre gros gros inconvénient, le framework n’est pas basé sur JQuery mais utilise sa propre fonction $ ;-( avec évidement une syntaxe un peu différente de JQuery … 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

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 » With the numbers of users visiting your website from an iPhone/iPod touch growing each day, opportunities to show these visitors targeted content are becoming increasingly valuable. The message can be as simple as a special offer shown only to these users, a customized welcome message or even a complete version of your website created especially for these visitors. This tutorial will outline a simple procedure to create a welcome message which will be displayed whenever a user visits your site from one of these devices.

iPhone Microsites - Tutorials

http://iphonemicrosites.com/tutorials/
Well, we did promise we’d get around to a tutorial eventually, so here you have it! The Engage Interactive school for all things internet proudly presents: How to build a website with orientation specific content especially for the iPhone! This tutorial will cover the basic setup and creation of a web page for the iPhone that will detect and change the content based on the phones orientation. You will need some way of viewing your files on the iPhone or you wont see the fruits of your labour. http://www.engageinteractive.co.uk/blog/2008/06/19/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://iphonemockup.lkmc.ch/

iPhone Mockup

If you're interested in usability, check out my new book. Designed for Use: Create Usable Interfaces for Applications and the Web Disclaimer: Any creation of a mockup through this website happens at your own risk. Note that your mockups are not protected in any way other than by a non-obvious URL. I can not be held responsible if you create a mockup and your competition figures out how to access it.
http://iphonemockup.lkmc.ch/?id=LjRmOEPCePBWeWaTOhLXbmcNTDQHmgcGdEFCGWCAh&style=illustration

iPhone Mockup

Share this Mockup with others by sharing the URL. Everyone who knows the URL can make changes. Changes will be synchronized live.

A List Apart: Articles: Pocket-Sized Design: Taking Your Website to the Small Screen

http://www.alistapart.com/articles/pocket/ Among the many websites that are out there, few are standards-compliant. Among those few, only a handful sport style sheets adjusted to the needs of handheld devices. Of those which do offer styling for handhelds, not all will fit the smallest, lowest-resolution screens without presenting the user with the ultimate handheld horror: namely, horizontal scrolling.
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries Making layouts responsive using CSS3 Media Queries are a big part of the work that I’m doing for the Hardboiled Web Design site in the run up to the book’s launch. Since I started using Media Queries extensively over the last few months, I’ve revised the queries several times for each project, so it made sense to build a boilerplate to use as a starting point. These hardboiled CSS3 Media Queries are empty placeholders for targeting the devices and attributes I’m interesting in making responsive designs for right now. They’re part of a wider toolkit that I’ll be releasing at the same time as the book. But for now, you can download and incorporate these override queries at the bottom of your existing CSS files.

Hardboiled CSS3 Media Queries | Stuff and Nonsense

http://www.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. 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. Unfortunately, the mobile arena introduces a layer of complexity that can be difficult for developers to accommodate. Mobile development is more than cross-browser, it should be cross-platform .

10 Great Tools to Create a Mobile Version of Your Site | SpyreStudios

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.