Technologies. Android. iPhone / iPod detection using jQuery & JavaScript. In this post you will learn how to detect iPhone/iPod using javascript/jQuery, redirect your iPhone users to mobile version of your site using javascript and alternative and better way to redirect your visitors using server-side PHP code snippet. The latest buzz around jQuery is upcoming jQuery mobile – support for mobile devices. Current jQuery core work fine on iPhone and iPod touch browsers and most of us have created a mobile version of our websites, developed or converted websites for others. Basically, jQuery is already being used on iPhone and iPod touch devices. Without any further ado… Javascript code to detect iPhone and iPod browsers // Return boolean TRUE/FALSEfunction isiPhone(){ return ( (navigator.platform.indexOf("iPhone") !
You might wonder why do we even need to detect if our website is ran on iPhone Safari or normal desktop Safar if jQuery works fine on both. Redirecting iPhone & iPod users Redirect iPhone users using PHP User agent strings for your reference: jQRef - a jQuery Reference App for iPhone, iPod Touch, and iPad. Analytics In The Palm Of Your Hand. This weeks’ featured app on the Analytics App Gallery is the BAM Analytics Pro app for the iPhone.
If you have ever needed to reference your site metrics in a meeting or situation where it wasn’t appropriate to fire up the laptop and open up your account, then you may find a Google Analytics smart phone app valuable. This app, developed by Blast Advanced Media (one of our Certified Partners), uses the Google Analytics API to quickly and securely access all of your reports, apply your Advanced Segments, and even create Custom Reports right within the app. You can view common preset date ranges, set a custom date range, or compare to a previous date range for additional context. All the functionality you could need within a clean, user-friendly interface. Here's a sample of custom reports functionality: BAM Analytics Pro can be purchased here on the iTunes app store for $1.99.
Great work BAM! Le point sur le référencement de site mobile sur Google. En 2008, Google a publié son premier Guide d’optimisation pour les moteurs de recherche, un résumé des bonnes pratiques à adopter en matière de référencement. Accessible et généraliste, ce document était avant tout destiné aux webmasters débutants mais avait également pu servir à confirmer des théories SEO. Le nouveau visage du GoogleBot Deux ans plus tard, ce Mardi 28 Septembre, Google publie la première mise à jour de ce « SEO Starter Guide » (en Anglais). Si on met de côté l’ajout de quelques images (dont un nouveau visage pour le GoogleBot !) Comment référencer deux versions d’un même contenu sans être pénalisé ? Je vous propose un résumé documenté et commenté de ces nouvelles recommandations ainsi qu’une analyse des solutions à adopter pour référencer un site en version mobile cohabitant avec une version classique.
N’hésitez pas à laisser un commentaire pour ajouter votre vision des choses. S’assurer de la présence d’un site mobile dans l’index Goolge <? <? Grande question. Avantages : jQuery Mobile. jQuery Mobile is an attempt to create a javascript framework that would work on all major mobile browsers. In this post I will try to lay down all the facts that I could find about jQuery Mobile, so that you are up to date. jQuery team has mentioned that they were planning and started to work on jQuery for Mobile devices when they announced jQuery 1.4. John Resig said that they already had different mobile devices from sponsor for testing purposes. Anyway, jQuery Mobile is officially announced now, but there is a very little information about it. Here are some facts that I found: jQuery Mobile will be in core, NOT as a separate distribution like jquery.mobile.js jQuery UI team will improve current jQuery UI and develop new mobile components (initial designs).
Release of the jQuery Mobile and new jQuery UI components is planned for October 2010. How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Magazine. Advertisement CSS3 continues to both excite and frustrate web designers and developers. We are excited about the possibilities that CSS3 brings, and the problems it will solve, but also frustrated by the lack of support in Internet Explorer 8. This article will demonstrate a technique that uses part of CSS3 that is also unsupported by Internet Explorer 8. However, it doesn’t matter as one of the most useful places for this module is somewhere that does have a lot of support — small devices such as the iPhone, and Android devices.
In this article I’ll explain how, with a few CSS rules, you can create an iPhone version of your site using CSS3, that will work now. Media Queries If you have ever created a print stylesheet for a website then you will be familiar with the idea of creating a specific stylesheet to come into play under certain conditions – in the case of a print stylesheet when the page is printed. The Media Queries in CSS3 take this idea and extend it. Testing media queries. Tip for jQuery & handheld device developers. This week’s usual “Friday short post” about using jQuery in handheld devices. If you are a developer who is using jQuery in applications that were developed for use in environments with small processing power such as handheld devices, mobile phones, PDA’s, etc. you will find this post useful. Anyway, back to the topic. For whatever reasons you chose to use jQuery in your application (I would suggest using plain javascript for better performance) jQuery effects such as animation, hide and show, etc. most likely were probably one of the reasons.
Unfortunately, jQuery effects are process intensive and in “slow” environments it is recommended to turn them off. // Dissable all effectsjQuery.fx.off = true; // Shorthand$.fx.off = true; Now all your effects such as fadeIn(), fadeOut(), slideDown(), slideUp(), etc. will not be animated. NOTE: By setting the jQuery.fx.off back to false you enable all animations and effects. Présentation] Optimiser le taux de conversion pour un site web mobile. Build Web applications with HTML 5. Introduction Many new features and standards have emerged as part of HTML 5. Once you detect the available features in today's browsers, you can take advantage of those features in your application. In this article, learn how to detect and use the latest Web technologies by developing sample applications.
Most of the code in this article is just HTML, JavaScript, and CSS—the core technologies of any Web developer. Getting started To follow along with the examples, the most important thing you need is multiple browsers for testing. You can download the source code used in this article. The examples include a very small back-end component that was written in Java™. Back to top Detecting capabilities There's an old joke that Web developers spend about 20% of their time writing code and the other 80% getting it to work the same in all browsers. On a positive note, however, the new feature sets are converging on Web standards, which gives you a chance to start using these new features today. Connecting Apple's iPhone to Google's cloud computing offerings.
Introduction The past couple of years have seen an explosion in innovation, making 2008 an interesting year for technology. Two of the exciting innovations have been cloud computing and mobile application development. In this article, we explore a communication methodology that takes advantage of these two technologies to create a synergistic developers' dream. Within the article, we will use Google App Engine, Google's cloud computing platform, and the iPhone, Apple's mobile platform, to develop an application that synchronizes its data from "The Cloud. " We utilize a simple method of pulling data from App Engine on the iPhone; one that lets python and App Engine do the heavy lifting.
The common method of using RSS, ATOM, or REST to syndicate data to the iPhone is fairly simple, but you will have to write a parser. Plists remove the headaches of parsing XML on the iPhone because they are an XML file format that Cocoa Touch will parse and convert into meaningful objects for you. . #! <? jQuery 1.4 iPhone reference app - O! Mr Speaker! Thursday, January 14, 2010 [English got you down? Try this post in Belorussian!] Welcome to the year twenty hundred and ten! As a very early christmas present, the jQuery team have announced they'll be dropping the 1.4 release on us in the next couple of days. They've also unveiled a new documentation effort. To help you get your head around the reams of new information, I've created a neat-o reference app for your iPhone - so now you've got no excuse not to know what jQuery.noop, .nextUntil(), or .unwrap() does!
To install it, go here on your iPhone then click "+" and "Add to Home Screen" for fullscreen app-y goodness.Please note! The application uses the jQuery touch plugin to appear all native-y, and the offline abilities of HTML5 to store the data for when you feel like reading jQuery docs on the bus. I'm sure that at the moment some methods that will be missing or incomplete - because of my dodgy parsing, changing docs, and poor QA skills... fixed in the next version fo' sure ;) Best Practices To Develop Perfect Websites for iPhone and Mobile Devices – woorkup.com.