Cet article devrait vous permettre d’adapter votre site internet aux visiteurs y accédant via navigateurs embarqués-autrement dit, les smartphone mais également certains modèles de téléphone mobile « augmentés ». Il est en cours d’écriture et me sert de pense-bête, donc n’hésitez pas à réagir si j’écris trop de bièsseries. Continuer la lecture »
Archive de la catégorie ‘Development’
préparer son site au mobile
HTML5 Boilerplate : modèle de base pour coder son site en html5
html5 boilerplate est une template de départ pour tout site html/css/javascript , conçue pour intégrer toutes les astuces et bonnes pratiques de dégradation progressive, d’optimisation de bande passante, de support aux différents médias y compris les téléphones mobiles basiques à partir de html5. Oui, vous pouvez donc coder votre site en html5, CSS3 sans vous inquiéter pour les pauvres âmes qui utilisent encore internet explorer 6, votre site se dégradera correctement pour eux. Continuer la lecture »
L' optimisation moteurs de recherche, selon Google
Jolie trouvaille faite sur Google Webmaster Central: Google vient de rendre disponible gratuitement un PDF de 49 pages pleines de bonnes pratiques afin d’optimiser la manière dont votre site sera référencé sur les différents moteurs de recherche – et particulièrement Google. Continuer la lecture »
10/GUI – bureau tactile (concept)
Cette présentation d’un concept d’ OS tactile pour ordinateur de bureau est très impressionnante. Par C. Miller (http://10gui.com/).
L’idée est simple : une main = 5 doigts. I doigt = 1 souris. Efficience = efficience x 10. Ce qui les amène à parler d’ « interaction bandwidth » que l’on pourrait définir par l’ampleur du vocabulaire interactif.
Et justement, les propositions de vocabulaire interactif du système proposé sont bigrement bien imaginées. Continuer la lecture »
Faire une référence à wikipedia sans interrompre le flux de lecture
Je viens de tomber sur un plugin wordpress très malin, par Matthew Healy: WikiPop. Ce plugin capture les liens pointant vers wikipedia et transforme leur comportement de manière à ce que, ces liens lorsque cliqués, n’ouvrent pas un onglet ou une fenêtre, mais une fenêtre modale à la lightbox, ce qui permet de consulter les informations supplémentaires disponibles sur wikipedia sans pour autant quitter le site. Continuer la lecture »
de l'usage de l'attribut target _blank : ne soyons pas sectaires
Le (petit) monde du web design / web development a une fâcheuse tendance aux précepts dogmatiques, du style: « don’t use table for design, it’s evil », « il faut séparer les données (html) de la présentation (css, images) et de la programmation comportementale (javascript, flash…) », etc. Non pas que ces règles soient de mauvais conseils, que du contraire. Si je disais à un chasseur de ne pas utiliser un couteau de cuisine pour tuer le lapin mais plutôt un couteau de chasse, ce serait un bon conseil. Reste que le couteau de cuisine fonctionnerait (avec une bonne poigne); il ne serait simplement pas le plus approprié. Mais si le contexte le justifie (par exemple, le chasseur est sur une île déserte et que le couteau de cuisine est tout ce qu’il a sous la main), pourquoi devrait-il s’abstenir de manger de la viande? Continuer la lecture »
Navigation sur une page
La navigation interne à une page et particulièrement l’utilisation de pieds de page sur une page web est, le plus souvent, une adaptation malheureuse de son équivalent papier. Rapide tour d’horizon.
Navigation sur une même page
Il s’agit typiquement de proposer à l’utilisateur un raccourci spatial de n’importe quel endroit d’une page web vers un bout de contenu situé à un autre endroit de cette même page. On l’implémente de la sorte:
Continuer la lecture »
Comment réaliser un menu déroulant réellement ergonomique
James Edwards vient de publier sur sitepoint.com un article pouvant servir de référence sur ce qui constitue probablement le type de menus le plus utilisé actuellement: les menus déroulant ( « dropdown menu » en anglais).
Continuer la lecture »
Previsualiser une image avant de la charger
Un nouveau plugin jquery que je trouve potentiellement intéressant, dans certaines situations où l’on souhaite montrer des images à partir du texte qui les défini. Un tutoriel par exemple: au lieu d’interrompre la lecture par des captures d’écran, donner accès aux captures d’écran en mettant le lien pointant vers l’image sur l’étape ou la tâche à effectuer. Continuer la lecture »
Fonctionnalités avancées pour commentaires de blog
Une expérience javascript basée sur jquery apportant des fonctionalités avancées pour améliorer le système de commentaires d’un blog. Très intéressant!