Blog

  • Sorti de Highcharts 4.0.0

    highchartsles nouveautés de Highcharts

    Dans les alentours du 20 avril 2014, la version 4.0.0 de la librairie « Highcharts » est sortie.

    Pour ceux qui n’ont pas l’habitude de me suivre sur mon blog ou youtube, j’ai pu faire plusieurs vidéos sur « Highcharts ».
    C’est une bibliothèque Javascript qui permet de faire des graphiques complexes et complets pour votre site.
    Avec cette bibliothèque, il est possible de faire plusieurs type de diagramme (en colonnes, en lignes, camemberts, nuages de points, …).

    La version 4.0.0 amène quelques nouveautés, et pas des moindres. Vous pourrez voir des diagrammes en 3D comme les diagrammes en colonnes ou les camemberts
    3D-column
    Comme autre nouveauté, il y a aussi la création de cartes à zones de chaleur.

    Liens

    Vous pouvez voir ces nouveautés sur les pages de démonstrations.
    Voici aussi le lien de téléchargement de la bibliothèque.
    Et pour finir, la page de documentation.

  • 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.

  • site d’inspiration : awwwards.com

    awwwAwwwards.com sont les prix de site Web qui reconnaissent et encouragent le talent et les efforts des meilleurs développeurs, designers et agences web dans le monde.

    Chaque jours, des sites sont noté et le meilleur est mis en avant.

    Vous pouvez vous inspirez de ces sites pour vos réalisations.