Vous êtes fan de Star Wars ?
Vous avez été biberonné au premier opus de Jeffrey Zeldman ?
Vous savez qu’Alsacréations n’est pas une marque de farines à pâtisserie ?
Ça vous parle si l’on vous dit : Smashing Mag, Coding Horror, A List Apart ?
But alors your are french ?
Après avoir touché un peu au HTML5 dans mon précédent article, je pense que cette version 5 du langage le plus utilisé du Web va révolutionner la manière de structurer le code des pages et donc des interfaces que nous réalisons au quotidien.
Il y a des pour et des contre, et à travers cet article je vais surtout vous exposer ce qui me semble incohérent ou pas prêt pour la mise en production d’un site codé en HTML5.
Les spécifications html5 ne sont toujours pas arrêtées et je voulais quand même y toucher « pour voir ». Malheureusement « coder pour coder », ce n’est pas mon dada. J’avais envie de raconter une histoire et de me servir des nouveaux éléments pour leur apport sémantique dans un contexte appliqué.
Récemment nous avons déménagé au 2è étage du 24 bis Rue Maréchal Joffre. C’est une nouvelle expérience pour toute l’agence. La bonne aubaine : ma première page HTML5 est donc un article qui raconte en quelques paragraphes les bienfaits de notre déménagement sur notre cadre de travail.
J’ai découvert des choses vraiment intéressantes en codant cette page. Le HTML5 me semble être un grand pas en avant vers un langage très adapté au web d’aujourd’hui d’un point de vue sémantique. J’espère que le HTML5 règlera certaines maladies des intégrateurs, notamment la divite ou la spanite aigüe, étant donnée la quantité d’éléments bientôt à notre disposition. D’ailleurs je vous laisse découvrir cela dans la source de l’article.
Notez que j’ai aussi utilisé Cùfon, un moteur de remplacement de texte en son équivalent image (futé pour se permettre certaines fontes non-standards dans une page web). Nous l’utiliserons probablement dans le catalogue produit de l’un de nos clients, qui devra être traduit dans plus de 5 langues (cela nous évitera de refaire toutes les images).
Lire l’article : Notre ascension au second étage
Pour les commentaires, je vous invite à les déposer en bas de l’article lié.
Courbe Google Analytics et taux de rebond
De retour d’un petit déjeuner organisé par Atlantic 2.0 à Nantes, voici un lien vers le téléchargement d’une présentation faite autour de la thématique Google Analytics en mode avancé. On y parle des thématiques suivantes :
Version iPhone du site Internet de LunaWeb
Découvrez sans plus attendre les différentes pages de la version mobile du site LunaWeb en vous rendant sur notre page référence !
Le site LunaWeb en version Mobile »
* * * Bonne lecture ! * * *
Le smartphone d’Apple est à la mode depuis bientôt deux ans, ça tombe bien il a permis de révolutionner la consommation d’Internet, et de faire entrer de plein pied l’accès Internet nomade dans le monde personnel comme professionnel.
Le développement d’applications iPhone suit des guidelines mises à disposition par Apple, d’un point de vue technique mais également ergonomique et fonctionnel. Dans le grand nombre d’applications disponibles sur l’AppStore, de nombreuses applications mettent par exemple en place une navigation qui se base sur le composant adéquat mis à disposition dans le SDK. Pour l’utilisateur, c’est l’assurance d’une appréhension plus simple et plus intuitive de l’interface.
[Source : Ergonomic Garden - iPhone & Android ou la prise en compte des guidelines - http://is.gd/1Ktf6]
Lancement de nouveaux produits, ouverture de nouveaux services, fidélisation de clientèle et politique relationnelle auprès de ses consommateurs… La rentrée est LA bonne période pour concevoir des campagnes d’emailing efficaces. Voici quelques conseils techniques pour assurer la meilleure délivrabilité et utilisabilité à vos messages.
Développant actuellement un site type e-commerce dont les éléments de design s’adaptent à la famille de produits (une famille = une couleur dominante), la question de la génération de code CSS dynamique se pose dans la mesure où l’on doit, pour chacune des familles produit en cours et à venir, attribuer un code couleur de fond et de bordure à tout un tas d’éléments HTML affichant les dits produits.
En cherchant sur le Web de l’information me permettant d’automatiser le processus (= moins de maintenance à termes), et en quête d’une méthode permettant d’alléger au maximum le code CSS à charger (= plus de rapidité au chargement), j’ai fini par trouver cet excellent article très didactique : Generating Dynamic CSS with PHP.
Cet article, paru dans le non-moins excellent Digital Web Magazine, nous explique comment factoriser nos efforts en utilisant PHP pour générer une partie du code CSS de manière contextuelle.
Le nouveau navigateur de Microsoft commençant à être bien répandu, il devient nécessaire de pouvoir lui servir un contenu propre afin de respecter des mises en pages normalement standard, mais que le nouveau navigateur siglé Redmond n’applique pas totalement. Se trouvant donc à la croisée des chemins entre le détesté IE 6 et un « vrai » navigateur standard, Internet Explorer 7 peut être détecté par la commande suivante dans le head d’une page :
Vous voilà paré pour envoyer une petite feuille CSS supplémentaire au vilain bougre…
Pour ceux qui ont eu la « joie » de découvrir de nouvelles différences d’affichage entre IE6 et IE7 (sans parler des différences avec les « gentils » Firefox et autres Safari), voici une astuce permettant d’ajouter un critère conditionnel permettant de détecter IE7 par la fonction checkbrowser().
Lire le reste de cet article »
