Iphone/ipad

Facebook Twitter

Ipad

Write Web Pages for the iPhone - Tips to Design Web Pages that Work on Small Screen Mobile Devices. Chances are you’ve seen how the iPhone can flip and expand web pages.

Write Web Pages for the iPhone - Tips to Design Web Pages that Work on Small Screen Mobile Devices

It can show you the entire web page at a glance or zoom in to make the text you’re interested in readable. In one sense, since the iPhone uses Safari, web designers shouldn’t have to do anything special to create a web page that will work on the iPhone. But do you really want your page to just work? Most designers want their pages to shine! When you build a web page you need to think about who’s going to view it and how they are going to view it. General Guidelines for Building a Site for Mobile Devices Test on as many devices as you can The first thing you should do is view your site on an iPhone and as many different mobile devices or emulators as you can. Web Page Layout for SmartPhones The first thing you should remember when writing pages for the smartphone market is that you don’t have to make any changes if you don’t want to.

Remember that the screen is tiny. Links and Navigation on iPhones. L'iPhone a aussi révolutionné le monde de la photo.

Design

iPhone Development: 12 Tips To Get You Started. 4: Orientation Changes Your pages and apps can be viewed in two orientation modes: portrait and landscape.

iPhone Development: 12 Tips To Get You Started

It could be useful for your app to react to changes in the orientation. Using JavaScript you can access the property window.orientation, which can have these values: 0 – normal portrait orientation (home button is at the bottom)-90 – landscape after clockwise rotation from portrait (home button to the left)90 – landscape after counterclockwise rotation from portrait (home button to the right)180 – unsupported for now, but would be portrait-flipped so that the home button is at the top There’s also the orientationchange event you can use to perform an action when the user tilts the device. Window.onorientationchange = function() { alert(window.orientation); } You can see how this works in Example 7: rotate the phone to see the alerts. 5: Orientation-specific Styles Let’s put that orientation change event to a more practical use.

So the first step is to add a default class name, like so: Apple Developer. Adobe propose la conversion Flash vers HTML avec Wallaby. La décision prise par Apple de ne pas supporter le format Flash sur ses iPhone et iPad contraint Adobe à évoluer et à proposer des outils adaptés pour les designers qui souhaitent que leurs animations soient visibles sur les téléphones et tablettes tactiles les plus populaires du moment.

Adobe propose la conversion Flash vers HTML avec Wallaby

L'éditeur a donc travaillé sur un logiciel qui permet aux créatifs de continuer à travailler sur Adobe Flash pour la conception de leurs applications et animations, mais avec une exportation en code HTML5 lisible par tous les navigateurs modernes. Adobe a ainsi sorti lundi une première version expérimentale de son logiciel Wallaby, destinée aux développeurs, qui convertit les fichiers .FLA en code HTML. Toutes les fonctions du format Flash ne sont pas encore supportées, mais ça n'est sans doute qu'une question de temps.

Une démo de Wallaby filmée en octobre 2010 : The MobileESP Project - Détectez les smartphones sur vos sites web. The MobileESP Project est un ensemble de scripts client et serveur permettant de détecter les smartphones qui se connectent à votre site web.

The MobileESP Project - Détectez les smartphones sur vos sites web

Détecter un smartphone sur votre site peut être très pratique: Pour changer le style du site avec une versipon mobile, pour le rediriger sur votre application mobile, pour lui proposer de télécharger votre application dédiée ... The MobileESP propose des scripts pour détecter ces smartphones: Côté serveur: en PHP, Java ou ASP.NETCôté client: en javascript Ces scripts permettront de détecter précisemment quel type de smartphone, tablette ou d'écran il s'agit. Les classes mdetect sont très simples à utiliser que ce soit côté serveur ou client: Elles disposent d'une multitude de méthodes répondant par un booléen: Un véritable kit de détection mobile qui vous facilitera la vie. Site Officiel.