Ressources pour concepteur de modèle pour Internet

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Ressources pour concepteur de modèle pour Internet

«Ressources pour webdesigner» aurait été plus concis, mais c’était sans compter la bonne ou la mauvaise idée de l’Insee qui souhaite supprimer les termes design et designers de la NAF 74.10 comme nous l’apprend l’Alliance Française des Designers. Tiens, AFD ça fait aussi All For Design… Hasard ? Je ne crois pas ^__^ Pendant que nous sommes dans les métiers du webdesign, profitons-en pour balader notre souris chez Pixenjoy ! Nous pourrons ensuite étancher notre soif de connaissance sur l’excellent portail des métiers de l’Internet. Pour approfondir les aspects liés à l’ergonomie et au design d’interfaces, la lecture du blog de Laurent Demontiers nous apprendra beaucoup.

L’air de rien, l’introduction fourmille déjà de très bons liens pour en savoir davantage sur les métiers de la conception web au sens large. Dans la suite de ce billet, je vous présenterai brièvement les nouveaux blogs ou sites web qui ont attiré mon attention ces derniers temps, ainsi que des ressources plus anciennes qui en ont encore sous la botte.

Les nouveaux blogs

Boite à Web
Le blog de Julio spécialisé dans le CMS WordPress et la création sur le web se consacre plus particulièrement aux failles de sécurité des plugins destinés à WordPress.
Lire Faille XSS chez Fur.ly : attention aux faux liens !
DevBlog
Blog dédié aux langages web. Scripts et ressources pour webmaster.
Lire Shortcode WordPress : création de shortcode personnalisés
seebzNet
Un blog sur le développement web avec PHP et Javascript avec des vrais morceaux de code à l’intérieur !
Lire Minifiez vos feuilles de styles et vos fichiers javascript
Visitez aussi code.seebz.net — Plus de 25 scripts autour de PHP et Javascript.
Weedle
Ce nouveau blog créé par Fred et David est consacré au graphisme et au design. D’après Modérateur vous y trouverez de nombreux tutoriels, des ressources gratuites, des sélections de thèmes WordPress ou encore des sources d’inspiration.
Lire 30 tutoriels pour apprendre à dessiner des personnages de mangas.

Techniques pour l’intégrateur web

  1. Méthode universelle pour décorer les blocs (coins arrondis inside) — Agrémenter ses blocs HTML est souvent un casse-tête pour de nombreux intégrateurs. Entre la création de `div` surnuméraires qui nous éloigne d’une saine séparation de la forme et du fond et les fonctions Javascript non obstrusives déportant la couche présentationnelle dans des fichiers externes, il y a désormais une alternative.
  2. CSS3 Border Images for Beautiful, Flexible Boxes — L’essentiel pour comprendre le mode de calcul de découpe des images pour obtenir de belles bordures flexibles avec CSS3 avec une seule image sans marquage HTML superflu. Voir la démonstration.
  3. eCSStender — Toujours rêvé d’utiliser les sélecteurs CSS avancés dans vos designs web sans vous soucier d’IE6 ? Alors vous devriez vous intéresser au travail d’Aaron Gustafson. Une fois le DOM chargé, eCSStender rassemble les feuilles de styles impliquées dans l’affichage de la page dans une variable. Le parsing peut commencer et eCSStender recherche tous les motifs pour lesquels une extension est disponible (`@font-face` et `@page` pour le moment). Pour la suite des explication je vous invite à lire la documentation ;)
  4. Nota-Bene — Bienvenue sur le site de Stéphane et Stéphanie (ne riez pas). Stéphane est expert accessibilité web et Stéphanie est professeur des écoles. Lire Je n’aime pas le reset CSS et plus généralement les articles de la rubrique Sur le web.

Astuces WordPress

  • Configuration avançée de WordPress — Si l’installation de WordPress s’effectue en 5 mn. chrono, il est possible d’y passer bien plus de temps. Ajouter des options au fichier `wp-config.php` occupera les longues soirées d’automne : optimisation des performances, sécurité, débugging et développement sont au programme. Lire également Pimp your wp-config.php et Editing wp-config.php.
  • WordPress Hooks Database — Cette base de données contient l’ensemble des hooks disponibles dans WordPress : `apply_filters()`, `do_action()` et `do_action_ref_array`. Pratique pour connaitre les hooks dépréciés, ceux qui ont changé de nom. Une brève description est disponible et il est même possible de voir le hook dans son contexte. Voir l’API des plugins pour plus d’information sur les hooks, les actions et les filtres.
  • From Photoshop to WordPress -– Part I – Design et Part II – Coding. Tutoriels très instructifs pour connaitre dans le détail l’ensemble des étapes nécessaires à la création d’un thème pour WordPress from scratch.
  • 10 Useful WordPress Search Code Snippets — Dans WordPress les fonctions de recherche sont un peu le parent pauvre. Pour y remédier, voici 10 bouts de codes qui permettront de relever l’ordinaire : exclure des billets ou des pages des résultats de recherche, restreindre la recherche à une catégorie, ou dans les sous-catégories, afficher le nombre de résultats renvoyés, surligner les mots-clé sur la page (jQuery), etc.
  • 21 plugins et extensions WordPress à éviter — Un des élément-clé de la popularité de WordPress réside sans doute dans le nombre de plugins disponibles, à condition de ne pas installer tout et n’importe quoi ;)
  • 21 hacks pour 21 plugins WordPress inutiles — Cet article fait suite au précédent et propose d’ajouter quelques lignes de code dans le fichier functions.php ou dans vos templates pour vous passer de certains plugins.
  • Ajouter une limite à wp_list_pages dans WordPress — Très pratique pour limiter le nombre de page renvoyé par la fonction `wp_list_pages()`.
  • Shortcode WordPress : afficher les documents liés aux billets — La gestion des documents joints n’est pas le point fort de WordPress. Heureusement, Mehdi Kabab s’est penché sur la question et nous offre la possibilité d’afficher de manière élégante les pièces jointes liées à des articles ou des pages.
  • Le guide complet pour configurer votre blog WordPress — Envie de connaitre toutes les ficelles pour maitriser WordPress ? Ce guide fait le point sur l’ensemble des options présentes dans le menu Réglages : Général, Ecriture, Lecture, Discussion, Médias, Vie Privée et Permaliens.
  • Introduction à WordPress 3 : custom post type et custom taxonomy — Les  types personnalisés de contenus permettent de sortir des sentiers battus que sont les billets et les pages en permettant de créer par exemple un type de contenu Petite annonce ou Portfolio avec des champs spécifiques. Les taxonomies personnalisées permettent quant à elles d’aller plus loin que les catégories ou les tags proposés par défaut par WordPress.

Mesure d’audience

  • Piwik — La mesure d’audience en temps réel. Vous vous souvenez peut-être de l’outils de statistiques phpMyVisites dont j’avais parlé dans Mesure d’audience : des mots-clefs au ClickRank.phpMyVisites a donc changer de nom et de look and feel : maintenant, c’est Piwik ! Du coup, je laisse une chance au produit : le temps réel dans les statistiques d’accès au blog est quand même bien pratique.
  • GetClicky — Encore un outil de mesure d’audience rapide et précis. Les résultats s’éloignent peu de ceux de Google Analytics si ce n’est que GetClicky semble calculer le taux de rebond d’une manière totalement différente. Là où Google Analytics exagère avec des taux de rebonds allant jusqu’à 70%, GetClicky est plus flatteur avec un 30% certainement plus proche de la réalité.Cet écart est sûrement du au fait que GA confond les visites de moins de 20 secondes d’une page (un « vrai » rebond, selon moi) avec les visites d’une page dont la durée permet de lire un article. La version gratuite est largement suffisante mais la version payante propose d’afficher les visites en temps-réel, ce qui est assez plaisant et dont vous pourrez profiter gratuitement pendant un mois.

Miscellanées

  • Mr. Data Converter — Il suffit de coller des données séparées par des virgules ou des tabulations dans un champs pour que Mr Data Converter s’occupe de leur conversion dans différents formats : ActionScript, ASP/VBScript, JSON, PHP, Ruby ou XML. (via Roget.biz).
  • imagethumb() — Générer facilement des miniatures en PHP.
  • Wordle — Créez rapidement des nuages de mots-clés en collant vos propres textes ou en fournissant une URL. Nombreuses options de personnalisation pour un résultat toujours intéressant.

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.



7 commentaires pour “Ressources pour concepteur de modèle pour Internet”

  1. […] more here: Ressources pour concepteur de modèle pour Internet Tags: hacks, resources, […]

  2. François dit :

    Bonjour, Pour revenir sur le titre du billet il me semble que le terme webdesign ne ferait tout simplement plus partie du design mais d’une sous classe de la programmation informatique. Selon l’INSEE, et la définition du métier on serait rattaché à 2 NAF. Disons que c’est plutôt maladroit de leur part et un peu dévalorisant pour notre métier. Finalement le webdesign c’est comme le css, faut le rentrer au marteau. Merci pour les lectures :)

  3. Bonjour

    Merci beaucoup pour cette article.

    J’ai lut sur un forum récemment qu’il y a le logiciel artister que beaucoup de gens utilisent. Moi personnellement, je n’ai pas vraiment aimé ce logiciel, trop basic mais si ça peut aider quelqu’un pourquoi pas :)

    Max

  4. milaranko dit :

    @François: Le webdesign ne peut pas etre considéré une sous catégorie de la programmation, moi par exemple je programme très bien mais le design ce n’est pas mon métier, par contre le webdesign peut lui aussi se subdiviser en plusieurs discipline dont certaine sont très éloigné de l’informatique et de la programmation.

  5. […] 23+ ressources pour webdesigner — Nouveaux blogs à découvrir, techniques utiles pour l’intégrateur HTML et CSS, astuces WordPress, outils de mesure d’audience. […]

  6. Alsace dit :

    @François : j’espère que tu te trompe par rapport à la « sous classe de la programmation informatique », faut pas déconner et dévaloriser le métier !

  7. i3lenet dit :

    @françois: le webdesign est une discipline toute à part et non pas une sous discipline de la programmation, certain webdesigner ne savent pas programmer une ligne de code malgré ça il accomplissent très bien leurs travail

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site