Posted by Will | Posted on 26-10-2009
Jusqu'à présent, je n'avais pas trouvé d'intérêt à porter mon site sur iPhone et sur toute version mobile en général. En effet, il s'affichait correctement à quelques imperfections graphiques prêts. Mais après réflexion, je me suis dit qu'il serait mieux de créer une version plus adaptée.
J'ai choisi de développer cette spécificité en CSS. J'aurai pu créer une nouvelle application web spécifique à l'iPhone (comme Facebook mobile par exemple) mais ce n'était pas forcément utile. CSS a donc été la solution simple et rapide.
Posted by Will | Posted on 04-10-2009
Bon les hacks CSS j'aime pas beaucoup ça. C'est loin d'être propre, pas toujours validée W3C, etc... Bon nombre d'intégrateurs les utilisent outre mesure et c'est dommage, on peut réussir une intégration quasi complète sans utiliser ce que je qualifierai de dernier recours.
Pourtant il y a des moments où c'est nécessaire, je prend exemple avec ce site Internet, la charte graphique (une fois remaniée) s'affichait sous tous les navigateurs sans soucis excepté Safari 4.0 et Chrome 3.0+. Le soucis c'était un pixel de décalage entre l'entête du site et son corps. Après avoir vérifier marges, dimensions, etc, je ne trouvais pas le problème. J'ai donc utilisé un hack CSS.
Pour Safari 4.0 et Chrome 3.0+ c'est celui-là :
@media screen and (-webkit-min-device-pixel-ratio:0) {
// Déclaration(s) CSS ici
}
Je ne pourrais vous dire où je l'ai trouvé parce que j'en ai testé une bonne dizaine, celui-là fonctionne parfaitement en tout cas. Il n'est pas valide par contre...
Posted by Will | Posted on 19-06-2009
Après avoir regardé une excellente conférence d'Eric Daspet sur l'amélioration des performances d'un site web j'ai appliqué les conseils et bonnes pratiques (Yahoo notamment) sur mon propre site. Résultat assez satisfaisant mais encore perfectible, je suis en grade B ou A si je désactive les appels FeedBurner et Twitter (très longs).
Pour commencer, j'ai passé un coup de smush.it sur mes images qui étaient déjà bien optimisées. Puis j'ai configuré mon cache Apache et les temps d'expiration. J'ai déporté le JavaScript qui n'était pas déjà en bas de page. J'ai configuré les ETags et activé la compression gzip. Pas de minimisation des CSS et JavaScripts, pas de gain de temps grâce à ce que vais présenter ensuite. Puis pour terminer j'ai commencé à optimiser le nombre de requêtes HTTP.
Pour cela j'ai appliqué la technique du combo handler de Yahoo.
[Ajout d'un complément graphique et d'un conclusion le 23/06/2009]
