Par Nicolas le 26 décembre 2007
Autre livre à méditer pendant les périodes plus calmes de la fin d’année,
Coder pour le web est un ouvrage sacrément bien conçu abordant la problématique épineuse de la conception selon les standards du web de gros sites dynamiques, car s’il est facile de concevoir un site portfolio répondant aux exigences les plus pointues des standards d’accessibilité et de validité du code xHTML/CSS ; il est en revanche beaucoup plus compliqué d’observer la même rigueur avec des sites manipulant beaucoup plus de variables et de données.
Vous apprendrez notamment comment :
- créer des sites Web dynamiques proposant des réponses en temps réel aux entrées des utilisateurs,
- tirer parti de la puissance du PHP pour développer les règles métier de votre site,
- faire valider des formulaires afin de rejeter les données erronées ou malveillantes,
- importer et exporter des données depuis d’autres applications à l’aide de fichiers plats,
- construire des tables de base de données et les interroger avec des requêtes SQL afin de gérer les données générées par l’activité de votre site,
- développer un système de gestion de contenu simple,
- développer une zone de votre site Web réservée aux membres munis d’un mot de passe,
- construire un site Web par modèles avec un système de navigation dynamique.
» En savoir plus sur le livre Coder pour le web
Publié dans Livres, Standards & Accessibilité, Webdesign |
Par Nicolas le 13 décembre 2007
Excellent article repassant en revue les points clefs à respecter à l’heure de choisir un thème pour le moteur de blog Wordpress :
- Ferez-vous de l’argent avec votre blog ?
- Le blog aura-t-il une répercution sur votre réputation ?
- Combien de blogs utilisent le même thème que le votre ?
- Le thème est-il optimisé pour les moteurs de recherche ?
- Le thème entre-t-il dans votre business plan ?
- Existe-t’il un support disponible pour ce thème ?
- Si vous avez un blog, est-ce que celui-ci se marie convenablement avec le thème ?
- Le thème est-il compatible avec les widgets Wordpress ? Le faut-il ?
- Y’a-t-il des liens cachés ?
- Le code est-il valide ?
- Le blog pourra-t-il continuer de grandir avec le même thème ?
Les réponses dans l’article 10+1 Tips for Choosing a WordPress Theme.
Publié dans Blogs et Podcastings, Webdesign |
Par Nicolas le 22 octobre 2007
Excellent article, qui peut servir de mémo, du collectif Openweb, et qui a pour but de (re)donner les principes d’édition d’une popup tout en insistant bien sur l’accessibilité d’un tel dispositif .
À noter en particulier, une astuce pour faire bénéficier de l’info de la popup pour ceux qui n’ont pas Javascript activé sur leur navigateur :
a href="page.htm" onclick="window.open(this.href); return false;"
C’est également un bon rappel de la syntaxe javascript pilotant l’ouverture de la popup et de ses paramètres (largeur, hauteur, équipement, etc.).
» Lire l’article Créer des pop-up intelligentes
Publié dans Standards & Accessibilité, Webdesign |
Par Nicolas le 30 septembre 2007
C’est du classique mais cela ne fait pas de mal à relire de temps en temps, l’excellent article « Définir des tailles de police dynamiques cohérentes avec CSS » de Pompage.net revient sur l’utilisation judicieuse du em en guise d’unité de mesure dans ses pages HTML, en donnant quelques astuces afin d’avoir une présentation homogène dans tous les navigateurs.
» Lire l’article « Définir des tailles de police dynamiques cohérentes avec CSS« .
Publié dans Standards & Accessibilité, Webdesign |
Par Nicolas le 28 août 2007
Home Page Design est un énième mais néanmoins intéressant article sur les priorités à observer à l’heure de définir le design d’une page d’accueil, qui est la gare de péage de votre autoroute de l’information, pour prendre une métaphore qui ne veut rien dire…
Bien documenté et étoffé, cet article rappelle les principes de base de l’édition Web du 21ème siècle.
» Lire l’article Home Page Design.
Publié dans Webdesign |
Par Nicolas le 15 juillet 2007
Si comme moi vous êtes un serial utilisateur d’istockphoto.com, mais que vous trouvez le site « un peu » lent, une solution simple et rapide existe : installer dans Firefox, votre ami de toujours, un accès direct à la recherche d’images sur le site.
Lire le reste de cet article »
Publié dans Apple et Mac, Référencement - SEO, Standards & Accessibilité, Webdesign |
Par Nicolas le 14 juillet 2007
Alsacréations publie un tutoriel très rapide et très clair sur la façon de construire un « chargeur de style » (style switcher) par l’usage des langages CSS et PHP.
Simple et rapide, cette méthode éprouvée doit être aujourd’hui utilisée sur des millions de sites dans le monde, alors si vous cherchez un bon style switcher, en voici un !
» Lire l’article « Faire un Style switcher (changement d’habillage) en PHP« .
Publié dans Webdesign |
Par Nicolas le 14 juillet 2007
Si l’on revient sur le sens du mot favicon, on citera Wikipedia qui précise que :
Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresses ou de titre, les favoris (le terme est d’ailleurs un mot-valise né de la contraction de « favorites » et « icon »), les onglets, ou autres raccourcis.
Le nom vient du fait que ce concept a commencé à être utilisé avec le navigateur Internet Explorer de Microsoft, où il fallait utiliser un fichier /favicon.ico placé à la racine du site.
L’excellentissime Snook publie un article sur l’art et la manière de créer un favicon, il passe en revue l’origine du mot, son usage primitif et passe ensuite à la création à proprement parler de cette petite image GIF ou PNG censée représenter le site dont elle accompagne l’URL dans nos navigateurs modernes.
Lire le reste de cet article »
Publié dans Webdesign |
Par Nicolas le 8 juillet 2007
Boakes.org a récemment sorti un petit plugin analytics pour Wordpress permettant de « brancher » son blog tournant sous Wordpress avec zéro manipulation. Vous envoyez un fichier php dans votre dossier « plugins » et Pfuit votre blog est configuré !
That’s it…
Publié dans Webdesign |
Par Nicolas le 8 juillet 2007
De son titre original « 19 Things NOT To Do When Building a Website« , cet article propose de reprendre quelques principes simples de conception à prendre en compte à l’heure de créer un site Web.
Voici une rapide revue des 19 choses à ne pas faire :
- Ne jamais modifier la taille de la fenêtre du visiteur : la technique est très simple mais ce n’est pas une raison, laissez les internautes tranquilles avec leurs réglages personnels et n’imitez pas cette tendance que l’on retrouve le plus souvent
- Ne pas avoir une page d’accueil qui n’est qu’un SAS d’entrée au site en pop-up. À bas les « pour entrer dans le site, veuillez cliquer ici » ou le plus simple « entrer »
- Ne pas offrir de version bas débit / haut débit, HTML / Flash
- Ne pas inventer de nouveaux systèmes de navigation
- Ne faites pas de sites en plus de bosser en PAO, le webdesign est un exercice à part entière qui requiert des compétences spécifiques
- Ne pas avoir une page d’accueil ne contenant pas de contenu ou contenant un contenu non textuel uniquement : le contenu, c’est le plus important dans un site !
- Ne pas faire un site que pour Internet Explorer
- Ne pas utiliser els gadgets de mise en page qui nuisent à la visibilité, l’ergonomie et la navigation : texte clignotant, popup, texte défilant, téléchargement de polices, et introduction Flash.
- Ne pas imposer de la musique au visiteur : prévoir un chargement du site sans son (pour lui laisser le choix) et lui offrir la possibilité de stopper le son à tout moment
- Ne pas utiliser de menus de navigation en image : le texte est meilleur pour l’accessibilité, l’ergonomie et le référencement
- Ne pas faire un plan du site utilisant des listes déroulantes, préférer un plan hiérarchisé avec des sous-sections logiques
- Ne pas mettre de moteur de recherche sur le site si la navigation « normale » dans le site ne nécessite pas de recherche transversale
- Ne pas charger le site au delà du raisonnable : le temps de chargement constitue encore un obstacle à la navigation pour 50% des internautes américains
- Ne pas occulter le message principal de votre site par des articies visuels ou animés qui détourneraient l’attention du visiteur
- Ne pas guider arbitrairement l’internaute vers une page ou un texte qu’il n’a pas volontairement souhaité visiter
- Ne pas distribuer de vidéo en demandant le type de connexion et le type d’équipement (player) du visiteur : préférez lui envoyer une vidéo au format Flash (visible de tous)
- Ne pas « planquer » de contenus derrière un roll-over
- Ne pas utiliser en surabondance les technologies juste parce qu’elles sont nouvelles : Flasj, Java, AJAX, etc., ne sont pas des fins en soi et doivent être au service de la navigation
Publié dans Webdesign |