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]
L’expérience 24 ways continue avec 24 nouveaux hacks et astuces CSS/javascript qui épateront vos copains.
Parmi les articles que détient la 3ème mouture de l’expérience 24 ways, je retiens notamment :
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 »
K2 est bien plus qu’un simple thème graphique pour WordPress, il apporte de nombreuses fonctionnalités permettant d’aller plus loin avec la plateforme de publication :
insertion facile de modules tels que l’excellent Ultimate Tag Warrior (permettant l’insertion de tags dans chaque note et de faire un Tag Cloud sur son blog),
personnalisation de l’interface graphique et du placement des différentes composantes,
module Rolling Archives permettant de naviguer parmi les articles sans recharger la page (en AJAX)
Bref, une extension extrèmement intéressante pour qui veut doper son WordPress à la sauce Web 2.0. Seul hic : l’interface est toute en anglais (front et back) et lorsque l’on a passé du temps à traduire son thème on ne veut pas avoir à tout refaire de zéro. Comme j’ai dû le faire pour un client, je vous donne ici la possibilité de gagner deux bonnes heures en vous mettant à disposition la version francisée de K2.
[Mise à jour du 10/01/2010] : Romain Bohdanowicz nous informe qu’il a mis à jour le thème pour la dernière version de Wordpress (le 2.9) !
» Télécharger le thème WordPress K2 en français.Merci à lui !
La prise en charge de l’impression est bien souvent la dernière roue du carrosse pour un projet Web. Son importance étant pourtant cruciale, voire essentielle pour certains sites (e-commerce par exemple avec l’impression de bon de commandes ou de factures), voici deux articles délimitant clairement et efficacement les solutions efficaces et accessibles pour mettre en place un dispositif optimisé d’impression de ses pages xHTML/CSS :
Print to Preview : mettre en place un preview de page pour impression à l’aide d’un script PHP et du CSS,
Printing a Book with CSS: Boom! : la prise en charge de l’impression de documents HTML très longs ou volumineux grâce à CSS (voir notamment la gestion de pieds de page, énorme!)
Improving Link Display for Print : Article focalisant principalement sur l’impression des liens depuis une page Web (montrer l’URL contenue, comment l’afficher, etc.).
En matière d’accessibilité et de conformance aux standards du Web, il apparaît que l’usage de la norme xHTML strict nous prive d’un certain nombre de balises « classiques » de l’HTML 4 telles que le B (gras), le I (italique) ou encore le U (underline). S’il est facile de s’en passer en adoptant une classe du choix de style à utiliser (ex : une class « gras » dans un span puis span.gras définie dans une feuille CSS), il n’en va pas de même pour l’attribut TARGET permettant de piloter la cible d’ouverture d’un lien : dans la même fenêtre (target=_self), dans une nouvelle (target=_blank), dans une fenêtre parente (target=_parent), etc. Lire le reste de cet article »