Guillaume RICHARD

Catégorie : Design

  • Site de proposition de template : html5up

    html5up-websiteAujourd’hui, je vais parler d’un site qui propose plusieurs template en HTML et CSS.

    Le site s’appelle html5up, et vous pouvez le retrouver à l’adresse html5up.net.

    Comme présenté sur le site, ces templates sont entièrement responsive (visible sur tous les supports), customizable et 100% gratuit (sous licence Creative Commons).
    Ils sont au nombre de 21, et vous pouvez les utiliser à l’infini à une seule condition : faire mention de l’auteur.

    Voici quelques images de template qui peuvent vous faire envie :
    [cycloneslider id= »html5up »].

    N’hésitez pas à mettre un commentaire pour me dire ce que vous pensez de ce site.

  • Tester un site responsive avec un navigateur Web

    Tester un site responsive avec un navigateur Web

    Dans la création de site responsive design, la bonne pratique à avoir est d’utiliser autant de supports que possible pour voir si le design marche bien.
    Dans le cas ou vous n’avez pas forcément tous les supports que vous voulez, il est possible d’utiliser les outils issus du navigateur Web (dans cet exemple, c’est Firefox).

    Voici le tutoriel vidéo :

    Je vous donne le lien du site responsive design : CNRS le journal.
    Voici aussi le lien d’un article traitant du thème de « test de site responsive »

    Bonne lecture.

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

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

  • Photographie : série animalier

    Appareils Photo Numériques CompactsParmi mes nombreux hobbies, il y a la photographie.
    Parfois je prends des photos, mais je ne les montre jamais car ce n’est pas mon travail premier.

    J’ai décidé aujourd’hui de vous montrer quelques photos. J’en intégrerai sur mon blog de temps en temps.
    Cette série de photo traite de mon chat.

    [cycloneslider id= »saphir »]