Forum iPhone, iPad, Apple Watch de iPhon.fr

Forum utilisateurs Apple iPhone, iPad, Apple Watch, forfaits et accessoires

Vous n'êtes pas identifié(e).

Annonce

Bienvenue sur le forum du blog iPhon.fr

Pensez à poster dans la bonne rubrique, respecter les propos des autres internautes, ne pas utiliser le langage SMS, et enfin, à utiliser la fonction 'Recherche' !
Et... Gardez le sens de l'humour, de la convivialité et de la décontraction. On n'est pas là pour se prendre la tête ! ;-)

#1 13-08-2012 01:22:42

ReKieM
Membre
Lieu : Reims
Inscription : 01-03-2008
Messages : 519
Site Web

Besoin d'infos pour la réalisation d'un website

Salut à tous,


Je me suis fixé comme mission de réaliser un petit website optimisé iPhone Retina.
J'ai l'habitude de créer des sites HTML/FLASH avec une pincée de php et de JS mais après mes premiers tests, réaliser un website iPhone a pas mal de problématiques et de différences...

Je rencontre actuellement un soucis de résolution.J'ai fait quelques recherches pour trouver que la meilleur résolution d'écran pour Rétina est du 640px de large.
J'ai donc réalisé ma maquette avec cette résolution.Le problème est que Safari ne l'affiche pas en 100% et on est obligé de zoomer pour obtenir la bonne taille permettant une bonne navigation hmm

Je me suis également intéressé au Kit iUI mais je n'est pas encore pris la peine d'apprendre le CSS utilisé pour pouvoir le modifier et d'y inserrer mes éléments graphiques.

Si je travaille déjà sous une résolution des <div> de 640px; est-ce obligatoire d'utiliser un user-agent pour détecter une version Mobile et adapter la résolution ?
Car pour l'instant je fait quelques tests mais en codant mes pages de manière "traditionnelle" (xhtml et feuille css, sans JS externe).


Quelqu'un a til déjà réaliser ce genre de projet ou pourrais avoir une idée ?

L'adresse de la page est http://www.rekiem-art.fr/instagram

Merci d'avance!


iPhone 4S 32Go 7.0.2  ▬ iPad3 6.1.2 evasi0n
• Visitez mon Portfolio Smartphone: http://www.rekiem-art.fr/m -
http://www.isolation-et-design.fr

Hors ligne

#2 14-08-2012 01:49:59

ReKieM
Membre
Lieu : Reims
Inscription : 01-03-2008
Messages : 519
Site Web

Re : Besoin d'infos pour la réalisation d'un website

J'ai finalement trouvé la bonne mise en page et résolution pour un full screen horizontal et vertical.
Je vais apporter un peu de JQuery pour des effets de scroll.to et de multibox (bonne navigation sur mobile mais un peu lourd), un Flux RSS et jouer un peu avec les API Facebook.

Une fois ma page d'index terminée, je passe tout en PHP pour exploiter les include et récupérations info des visiteurs et passer aux pages suivantes.

Des retours sur vos visites svp ? Webdesign, navigation, optimisation iphone...


iPhone 4S 32Go 7.0.2  ▬ iPad3 6.1.2 evasi0n
• Visitez mon Portfolio Smartphone: http://www.rekiem-art.fr/m -
http://www.isolation-et-design.fr

Hors ligne

#3 22-08-2012 15:18:01

ReKieM
Membre
Lieu : Reims
Inscription : 01-03-2008
Messages : 519
Site Web

Re : Besoin d'infos pour la réalisation d'un website

Nouvelle adresse pour consulter mon site: http://www.instarekiem.com

J'ai mis en ligne une 3ème page contenant une liste d'applications gratuites pour éditer ses photos.Un simple Tap sur les icônes permet de lancer le téléchargement depuis l'Appstore.


iPhone 4S 32Go 7.0.2  ▬ iPad3 6.1.2 evasi0n
• Visitez mon Portfolio Smartphone: http://www.rekiem-art.fr/m -
http://www.isolation-et-design.fr

Hors ligne

#4 22-11-2012 11:47:13

touchmods
Membre
Lieu : Montpellier
Inscription : 12-10-2012
Messages : 8
Site Web

Re : Besoin d'infos pour la réalisation d'un website

Franchement rien à redire joli travail !!


TouchMods : Site de vente en ligne spécialisé dans les accessoires High-Tech Apple ! A découvrir notre sélection de Coque iPhone 5 !

Hors ligne

#5 27-05-2020 12:48:47

dishapatil
Membre
Inscription : 27-05-2020
Messages : 2

Re : Besoin d'infos pour la réalisation d'un website

Hello thanks

Hors ligne

Pied de page des forums

L'iPhone sur iPhon.fr, le blog de l'iPhone - blog iPad

iPhon.fr et son forum ne sont pas liés à Apple, Orange, SFR ou autres et les marques citées sont la propriété de leurs détenteurs respectifs.