Prestashop : des catégories en menu horizontal

La plate-forme e-commerce Prestashop™ prend un essor considérable en ce début 2009, mais reste une solution encore pauvre en matière de templates (thèmes) de qualité professionnelle face à une concurrence très forte au niveau communautaire (Magento en tête !)

Bien que peu enclin (faute de temps !) à proposer des templates à la communauté, je n’en demeure pas moins obligé de développer et mettre en place des thèmes graphiques inédits pour les clients de la société. Et c’est le cas de ma dernière création : Master Matériel (spécialiste en matériel de cuisine professionnelle) Lire la suite…

5 plugins Firefox pour le développeur web

Si Firefox s’impose progressivement dans le monde du web design, ce n’est pas tant par ses performances et sa flexibilité, que par le nombre de plugins et add-ons disponibles pour accompagner le développeur web dans ses travaux…

Voici une petite sélection des 5 meilleurs plugins Firefox pour le web developer :

  1. Firebug : outil ultime du web designer, Firebug permet de modifier en temps réel le code (HTML et CSS) des pages et de voir en direct le résultat dans votre navigateur ! Un outil de déboguage extraordinaire, qui ne s’arrête pas là puisqu’il permet également de déboguer les scripts, de consulter les échanges avec le serveur et d’en mesurer les temps de chargement (analyse de performances) grâce à son indispensable extension YSlow !
  2. Web developer : boite à outil complète ajoutant une barre dans votre navigateur Firefox et permettant tout un tas de choses, et notamment de gérer le javascript, les cookies, analyser les éléments des pages (formulaires, images…), afficher les dimensions de chaque élément HTML, valider les liens et en contrôler le type, valider le code, et bien d’autres choses encore.
  3. Colorzilla : plugin simple mais bien utile permettant de lire d’un simple la couleur d’un élément ou d’une zone de la fenêtre courante, et d’obtenir simplement les variantes et les codes CSS des couleurs.
  4. HTML Validator : pour les développeurs soucieux de réaliser des pages conformes W3C, ce plugin demeure indispensable car il permet d’afficher d’un double-clic le code de la page courante, ses erreurs et warnings et d’en voir la solution. Il permet aussi accessoirement d’afficher le code de la page courante reformatté, ce qui est bien utile parfois !
  5. Cookie swap : permet de définir des profils utilisateur avec chacun leurs propres cookies, ce qui simplifie grandement les tests sur les sites où les cookies sont nécessaires pour la gestion des droits (entre autres utilités !)

Il existe évidemment une liste pléthorique d’autres plugins Firefox facilitant la tâche au web designer, mais il était nécessaire de limiter leur liste… Suivra prochainement une sélection des meilleurs plugins SEO !

[Sur le web] Elements of design

Il m’arrive souvent de fureter sur ce que l’on appelle des « galeries CSS » pour trouver des sources d’inspiration pour mes nouvelles créations en matière de web design… Et il arrive aussi que l’on ait simplement besoin d’idées pour un élément précis de site : entête, pied de page, galeries…

Elements of Design offre un classement thématique d’une sélection des plus belles réalisations en la matière, offrant une véritable alternative aux habituels « showcase » de sites web.

Elements of Design

Elements of Design

À découvrir d’urgence !

5 plugins pour le back-office de WordPress

Lorsque l’on développe des sites Internet pour des clients, la solution WordPress™ s’impose souvent comme la facilité pour proposer une structure aisément malléable et un contenu modifiable « online » : un mini CMS en toute simplicité !

Il n’est toutefois pas rare d’avoir parmi les utilisateurs des personnes rebutées par la relative complexité du back-office de WordPress. Voici donc quelques extensions destinées à personnaliser et « tuner » l’interface d’administration du fameux moteur de blogs 😉

  1. Post Template : De quoi créer l’équivalent des « modèles de documents » de Word pour les articles et les pages du blog. On peut imaginer diverses applications, pour les utilisateurs qui auront à poster régulièrement de nouveaux contenus ordonnancés de manière identique.
  2. Custom Admin Branding : Simple mais indispensable, le plugin pour personnaliser le logo, l’interface de connexion et les couleurs de votre back-office !
  3. Clutter Free : Un plugin fort intéressant permettant de masquer tout ou partie des zones du back-office et de la fenêtre d’écriture (simplification de l’interface).
  4. WP-Lite : Abordant la même fonction que le précédent, je le préfère d’ailleurs pour sa simplicité absolue et son efficacité (il permet en clair de cacher tout ou partie de chaque zone du back-office de WordPress par profil utilisateur !)
  5. Custom Admin Menu : Dernier plugin qui vous permettra d’achever totalement la personnalisation du back-office, en autorisant la refonte intégrale des menus et sous-menus de ce dernier (déplacement, création, suppression, renommage…)  🙂

Voici un exemple visuel de ce que permet Custom Admin Branding, avec un formulaire de login personnalisé :

Exemple de personnalisation de l\'interface

J’utilise pour ma part systématiquement WP-Lite et Custom Admin Branding dans mes développements WordPress™, en plus évidemment d’autres plugins… qui feront l’objet d’un autre article sur le blog effi10 !

Écrire pour le référencement

Le référencement est une spécialité encore mal connue dans le monde de l’Internet, en ce sens qu’elle fait intervenir de nombreuses connaissances techniques et rédactionnelles, et qu’encore très récemment, il n’existait aucune formation en la matière permettant de se spécialiser dans le cadre d’un cursus scolaire.

Si les deux premiers axes de travail pour obtenir l’indexation d’un site et faire évoluer et progresser son positionnement dans les moteurs de recherche sont eux connus et mis en pratique par la plupart des webmasters (à savoir l’optimisation technique des pages et le netlinking, ou création de liens référents), le troisième axe de travail est beaucoup moins usité : le rédactionnel.

Pourtant, ces trois axes sont indissociables pour un référencement de qualité, et plus encore, la qualité du rédactionnel va influencer de manière considérable le positionnement final des pages web ! Lire la suite…

Prestashop 1.0 à 1.3 : Corriger le duplicate content

La plate-forme de commerce en ligne Prestashop™ propose nativement de très bonnes choses en matière de référencement, avec notamment une optimisation SEO de très bonne facture (URL Rewriting intégré, optimisation fine des balises META Description et des titres, structure technique, etc…)

Néanmoins, certains éléments manquaient à la version 1.0 et je vous propose une petite astuce pour corriger l’un d’eux : le risque de duplicate content en cas de changement de noms de produits ou de catégories par l’administrateur, et plus généralement (concernant les catégories) la gestion avancée de la pagination et des options de tri de produits, de manière à ce que ces pages secondaires soient suivies mais non indexées par les moteurs pour ne pas gêner le positionnement des pages principales… Lire la suite…

1 2 3 4 Haut de page