Le mois de juillet arrive à grand pas. Il est donc temps de sortir les ressources qui ont attiré mon attention pendant le mois de juin. Voici 11 liens triés sur le volet qui s’adressent tout particulièrement à l’intégrateur web mais qui feront, je n’en doute pas, le bonheur des autres intervenants du flux de production web. Au menu : un casse-tête CSS à résoudre ; des réflexions sur le Responsive Webdesign ; des astuces CSS et Javascript ; un guide des bonnes pratique en rédaction ; tout ce qu’il faut savoir sur le petit robots.txt ; un point complet sur le contenu d’une prestation de référencement, etc.
1. Intégration web
Casse-tête en intégration — Défi proposé par @hteumeuleu pour parvenir à créer un fond sous du texte qui s’arrête à la limite de ce texte lorsqu’il passe sur plusieurs lignes. Nombreuses solutions proposées par les lecteurs dans les commentaires de l’article.
2. Accessibilité et Responsive design
L’accessibilité et le responsive – Intéressantes réflexions de Rudy Rigot sur les rapports parfois conflictuels qui existent entre le Responsive Webdesign et l’accessibilité des contenus par les utilisateurs de périphériques mobiles.
3. Astuces CSS & Javascript
New CSS and JavaScript Techniques – Après le très complet Powerful New CSS Techniques and Tools, Smashing Magazine nous offre un nouveau tour de piste avec les dernières technniques CSS et Javascript à la mode : transitions et animations CSS, techniques CSS de gourou, typographie et effets de texte, navigation, menus et effets de survol, etc.
4. Bien écrire
Guide de rédaction — Ce document PDF de plus de 200 pages est destiné à servir de guide d’outil de référence pour les agents de l’État du Luxembourg. Nul doute qu’il trouvera sa place dans votre bibliothèque virtuelle. Au menu : structure et mise en page, formules et locutions, usage des majuscules et minuscules, accords, concordance des temps, typographie, chiffres, etc. Via @L_Demontiers.
5. Fichier robots.txt
robots-txt.com – Aide-mémoire et base de connaissance proposé par Maxime Guernion sur l’implémentation du fichier robots.txt. Ressources concernant : les moteurs de recherche Google, Bing, Yandex!, MSN, Baidu ou encore DuckDuckGo, Blekko et Volunia ; certains CMS comme WordPress, Drupal, Joomla, Magento ; et last but not least, l’auteur met le focus sur les concepts wildcards, Crawl-delay, directive Allow.
6. Qualité et accessibilité web
Opquast Desktop – L’extension Open Source pour Firefox vous permet de tester vos pages web au regard de nombreux critères issus de plusieurs check-lists qualité ou accessibilité Web. Plus d’informations sur l’article paru sur Temesis.
7. SEO
Prestation de référencement – Loin des polémiques qui ont agité l’eau du bocal SEO ces derniers temps, Aymeric Jacquet détaille par le menu les éléments typique d’une prestation de référencement classique : améliorer le « référencement » d’un site web.
8. Styles de calques CSS3
Layer Styles – Imaginez l’interface des styles de calques de Photoshop pour appliquer des ombres portées, des ombres internes, des coins arrondis et des bordures à vos blocs HTML. Via Web Design et @nicodiz o/
9. Gestion de projet web
Un projet à l’envers – Et si on commençait la conception d’un site web par la mise en ligne, là tout de suite ? Astucieuse manière d’aborder le design dans le navigateur et les méthodes de développement agiles de la part de @HTeuMeuLeu.
10. Pensez Responsive !
Responsive Design : petit tour d’horizon — Mettre en place une mise en page capable de passer de 320px à 1024px (pouvant aller jusqu’a 1920px, écran HD) est techniquement complexe. Pour nous aider à déblayer le terrain, Fabien Canu partage avec nous ses réflexions sur le sujet.
11. Placez des repères
Rule — Ce bookmarklet très pratique affiche des règles verticales et horizontales à gauche et en haut de votre navigateur d’où vous pourrez sortir autant de repères à placer dans votre page pour vérifier l’alignement de vos blocs. Via Julien Jolly.
Articles sur le même sujet
PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car Il n'y pas d'amour, il n'y a que des preuves d'amour
(Jean Cocteau) ;) Merci d'avance.
Afin de satisfaire le plus grand nombre, j'ai ajouté
un bouton Flattr parce que vous le valez bien ;)
Merci pour la citation ! C’est toujours en cours d’amélioration, de rédaction, etc :)
Le lien vers le guide de rédaction pointe vers la version de 2006, il existe une version 2012 : http://www.gouvernement.lu/publications/luxembourg/guide_redaction/Guide_redaction_2012.pdf
Maxime > De rien et merci à toi :)
Ptiseb > Merci pour la précision, c’est corrigé.
Une sélection de ressources vraiment indispensable, Merci ;-)
L’article d’Aymeric sur une prestation de référencement est complet et très utile pour moi qui souhaites m’intéresser au référencement. Merci pour le lien :)
Excellentes ressources. Je me suis surpris à parcourir le pdf du gouvernemant Luxembourgeois puis à le sauvegarder ( même si je n’aurais jamais le temps de le lire ). Le responsive design est incontournable. Mais qui a le temps de lire tout ça ? Heureusement l’article http://www.hteumeuleu.fr/un-projet-a-l-envers/ m’a bien fait sourire !
[...] Le petit journal de l’intégrateur web — Juin 2012 [...]