Jquery Mobile – PhoneGap – Retours d’expérience et bonnes pratiques. Lors du développement d’une application mobile, nous sommes souvent confrontés au choix “application native” ou “site web mobile”. Dans cet article, nous allons présenter l’approche que nous avons eu pour le développement d’une application mobile qui mixe à la fois un framework html mobile classique avec l’utilisation de JQuery Mobile ainsi que des fonctionnalités natives grâce à PhoneGap. Nous verrons ensuite les bonnes pratiques que nous avons pu faire ressortir ainsi que les limites rencontrées. Notre application Le projet a pour but d’inventorier divers biens (matériel informatique,etc) via un appareil mobile. - Être multiplateforme mobile (Android, iOS, Windows Phone) - Avoir une version de l’application packagée avec des fonctionnalités natives (utilisation de l’API caméra pour scanner des codes barre) - Nous ne devions pas re-coder spécifiquement pour chaque plateforme l’application. Le choix de JQuery Mobile Retours d’experience Les points forts de JQuery Mobile sont : Composants Cache
html - Get iPhone font-size to be the same as other browsers 15 Free Online Tools for Web Designers on a Budget | Web Design About two years ago when I became a full time freelance web designer, I made it a point to operate with little overhead. Even though I was confident I could make it as a freelancer, there was some fear that things might not go as planned. Because of this, I didn’t go out and spend lots of money on equipment and expensive software. My focus was on being frugal and saving money where I could. One way I was able to do this was using free online tools or web apps to perform my everyday tasks as a web designer. Pixlr Pixlr is a powerful online image editing application. Google Analytics Google Analytics is probably the most popular free analytics tool available. Typetester The Typetester is an online application for comparison of the fonts for the screen. CSS Type Set CSS Type Set allows you to visually and interactively style text and it generates the CSS. net2ftp net2ftp gives you a fully featured ftp client within your browser. WhatTheFont Color Scheme Designer Fontstruct Kuler Bespin ViewLikeUs
Knowing About Web Safe Fonts What are Web safe fonts? Practically every personal computer has a set of fonts installed. These fonts are usually put there by the computer manufacturer or are the default sets of fonts for the operating system that computer is using. However, not all font sets are created equal. So, how do you make sure that your fonts will look good on the largest number of computers out there? Who should use Web Safe Fonts? Every Web designer should use Web safe fonts. I guess the best answer to the question "who should use Web safe fonts" can be summed up in one word: "you." Why use web safe fonts? As explained above, if you use a font on your page that your visitor doesn't have installed, their browser will pick a fallback font that you may not intend to appear on your page. If a visitor can't fluidly read your site, then he or she can't get the information you provided, and this is the whole reason your visitors are at your site! When to use Web safe fonts? Where are web safe fonts applicable?
iScroll This script has been superseded by iScroll 4 . This page is kept for historical reasons . Project info Project state: ACTIVE (code is actively updated) Last code update: 2010.10.08 – v3.7.1 Device compatibility: iPhone/Ipod touch >=2.0, Android >=1.5, iPad >=3.2. Support development If this script saved your day or you wish to support iScroll and other scripts development you may consider sending some funds via PayPal. Overview iScroll was born because mobile webkit (on iPhone, iPod, Android and Pre) does not provide a native way to scroll content inside a fixed width/height element. Luckily mobile webkit offers a powerful set of hardware accelerated CSS properties that can be used to simulate the missing functionality, so the iScroll development started… But there’s no rose without thorn. How to use First of all we need to prevent the default behavior of standard touch events. iScroll takes two parameters. <div id="wrapper"><div id="scroller"><ul><li>... That’s it. Accepted options are: