Catégorie : Webmastering

domaine du webmastering

  • Manifeste des bonnes pratiques en agence web

    Manifeste des bonnes pratiques en agence web

    Méta-tags informatiqueDans un article que j’avais écrit en septembre 2013, j’avais listé neuf règles pour écrire du code maintenable et évolutif.

    Récemment, j’ai fait les frais d’un projet qui était difficile à reprendre. A la base, la mission devait durer deux mois et demi dans une agence web. Au final, la mission a duré moins d’un mois à cause du retard que j’avais pris sur ce projet.

    L’agence m’a gentiment remercié en me disant qu’il n’avait pas vu le fait de la difficulté de la reprise de ce projet. Malheureusement, malgré le fait que l’agence reconnaisse son erreur, je ne peux prendre cet échec que personnellement.

     

    logo WordPressPour vous présenter le projet, c’était un site créé sous WordPress et je devais refondre le template du site tout en gardant les fichiers déjà existant.

    Au moment où j’ai regardé le template en profondeur (c’est-à-dire le code du template), il y a plusieurs choses qui m’ont choqué :

    La première chose qui m’a surpris est qu’il n’y avait aucuns commentaires, ou tout au maximum 10 lignes. Je n’ai pas compté le nombre exact de lignes de code de ce template, mais je peux vous dire que cela dépassait largement les dix milles lignes.
    Il était donc presque impossible de reprendre ce template, à moins de prendre son temps ou de demander l’aide de quelqu’un de l’agence.

    La deuxième chose qui m’a choqué, est que les fichiers du dit template ne respectait pas les bonnes pratiques de WordPress.
    Je m’explique : un template WordPress est normalement constitué de fichiers modèles que WordPress assemble pour afficher les pages de votre site.
    Pour en savoir plus, vous pouvez lire la page sur la hiérarchie des fichiers modèles, page qui vous dit quoi faire.
    Le template ne contenait aucun de ces fichiers modèles, mais quelques fichiers divers. Et n’ayant toujours pas de commentaires, le code n’était pas forcément compréhensible dans ces fichiers.

    Pour finir par rapport à ce projet, je n’avais pas de document pour m’expliquer quoi faire. Pour effectuer le travail que j’avais à faire, je n’avais en tout et pour tout qu’une dizaine d’images, que le designer avait exporté pour moi. Et ces exportations ne montraient pas l’ensemble des modifications à faire.
    Je n’avais pas non plus de vrai point avec les autres personnes (sauf le lundi matin, mais ce n’était que des points généraux)

    En conclusion, il y a plusieurs points à retenir quand on travail sur un projet.
    Point 1 : Il faut toujours faire en sorte que le code soit compréhensible et maintenable, et ce par n’importe qui.
    Point 2 : Quand on utilise un outil quelconque (comme un CMS dans cette exemple), il faut respecter les bonnes pratiques liés à cet outil.
    Point 3 : Quand une entreprise engage une nouvelle personne (en freelance, ou en salarié), il faut faire de vrai points pour suivre le projet au fur et à mesure des semaines.

    Avez-vous déjà travaillé sur des projets avec des problèmes de ce genre ? N’hésitez pas à me laisser des commentaires.

  • Site d’inspiration pour générer des sprites CSS

    sprite_generatorAujourd’hui, je vais vous parler d’un site qui vous permet de générer plus rapidement des sprites CSS.
    Ce site est CSS Sprite Generator.

    Pour avoir vos sprites, il suffit de regrouper toutes vos petites images dans une archive au format zip. Cette archive ne doit pas dépasser les 1Mo.

    A partir de là, vous pouvez modifier quelques options pour récupérer votre sprite final, ces options pouvant être les espacements entre vos petites images, la direction de votre sprite, le format final, etc…

    Dès que vous avez fini avec ces options, validez-les.Vous pourrez ainsi récupérer votre image finale et le CSS associés.

  • Protéger son site avec un htaccess et un htpasswd

    htaccessAujourd’hui, j’aimerai parler d’un site qui permet la protection d’un site à partir d’un fichier .htpasswd et un fichier .htaccess.
    URL : http://shop.alterlinks.com/htpasswd/passwd.php

    Pour le fichier .htpasswd, il suffit de donner un identifiant, et un mot de passe, puis de choisir le type de cryptage du mot de passe.
    Pour le htaccess, il suffit de reprendre le code ci-dessous :

    AuthUserFile /var/www/domains/alterlinks.fr/toto/.htpasswd
    AuthGroupFile /dev/null
    AuthName "Restricted Access"
    AuthType Basic
    <limit GET>
    require valid-user
    </limit>

    … et de changer le chemin de la première ligne par la votre.

    Tout est expliqué dans la page.

    Profitez-en bien.

  • Retour sur les TechDays 2014

    Retour sur les TechDays 2014

    TechDays-2014Aujourd’hui je vais faire un retour sur les TechDays de 2014.

    Pour ceux qui ne savent pas ce que c’est, c’est un événement reconnu par les professionnels du numérique.
    il s’est déroulé du 11 au 13 février 2014 à Paris.

    Pendant ces trois jours, plus de 300 conférences et sessions ont été suivi par près de 19000 personnes, dans différents domaines.

    Sessions

    Je vais vous présenter 3 de ces sessions :

    Session 1 : Compatibilité Internet Explorer : pour le meilleur et pour le pire !

    Présentateurs : Daouda Ndiaye (Microsoft France), Pierre-Louis Coll (Microsoft France)

    Internet Explorer est la bête noire des navigateurs sur le marché.
    Quand un produit web est maintenu sur les navigateurs récents (donc IE), il faut créer des procédures précis pour éviter que ce produit ne se retrouve cassé.
    Au cours de cette session, seront traité les questions des compatibilités entre les différents « Internet Explorer ».
    Divers outils intégrés à Internet Explorer (Outils de développement/F12) seront présenté pour aider au débogage sous ce navigateur.

     

    Session 2 : CSS, c’est pas si facile!

    Présentateur : Vincent De Oliveira (ENSG Géomatique)

    Un légende urbaine dit que le «CSS, c’est simple!» Vincent De Oliveira va prouver le contraire en présentant certains aspects méconnu. Il traitera des modèles de boites, de contextes de formatage, de contextes d’empilement, de fusion des marges.
    La session est intéressante autant pour les débutants que pour les confirmés.

     

    Session 3 : L’atout cartographie en mobilité : implémentation pratique et cas concrets

    Présentateurs : Jonathan Antoine (MVP), Nicolas Boonaert (MVP)

    A travers l’exemple d’une application basé sur la cartographie, les présentateurs vont présenter les bases de la cartographie sous Windows Phone 8 et Windows 8.
    Ils montrent comment utiliser l’application au mieux, et présentent les fonctionnalités utilisé pour sa création.

     

    Vous pouvez voir plus de conférences sur le site des TechDays.
    Bon visionnage…

  • Guest blogging sur pressmyweb.com

    logoPressmywebFin décembre, j’ai été mis en contact avec l’administrateur du site PressMyWeb.com pour faire du guest-blogging.

    Le guest-blogging consiste, pour un blogueur, à écrire des articles de son domaine de prédilection, sur d’autres sites (ou blogs) que le sien.

    Si vous connaissez bien mon blog, vous pouvez voir que mes domaines de prédilection sont le multimédia et le Web.

    PressMyWeb.com est un Webzine spécialisé dans le digital.
    Il traite des domaines suivant : web, réseaux sociaux, nouvelles technologies, ecommerce, emarketing, mobilité, …

    Le premier article que j’ai écrit pour ce webzine est sorti spécialement aujourd’hui.
    Il a pour titre « 7 exemples d’utilisations de twitter hors-entreprise« .
    N’hésitez pas à cliquer sur le lien pour le lire.

    Profitez-en bien.