• iconmonstr – des icônes gratuites en PNG et SVG !

    Vous cherchez des icônes minimalistes pour vos interfaces utilisateur ? Alors le site iconmonstr.com est fait pour vous ! En plus de proposer plus de 600 icônes de qualité, celles-ci sont disponibles au format PNG, mais aussi et surtout au format SVG ! Le must pour vos interfaces adaptées aux écrans hautes densité !


  • Adapter vos sites pour les écrans Retina

    Avec l’arrivée des écrans haute densité comme les écrans Retina, il devient urgent d’adapter nos webdesigns à ce type d’écran. Loris Grillet vous présente quelques technique afin de préparer vos icônes et autres éléments d’interface à l’arrivée de ces types d’écran.

  • Hey, le blog est tout neuf !

    J’ai beaucoup trainé à mettre le nouveau blog en place ces derniers mois, j’ai donc décidé de le mettre en ligne, même non finalisé histoire de me booster et terminer enfin tout ça (ça traine quand même depuis février…). Il reste encore quelques bugs à corriger, mais dans l’ensemble c’est fonctionnel.

    L’intégration de ce nouvel habillage m’aura prit plus de temps que je ne l’aurai pensé, mais finalement, il est là ! Et avec lui, les ressources à emporter font leur apparition (d’accord, elles étaient déjà présentes, mais pas assez mises en valeur). Les thèmes à télécharger arriveront dans les semaines à venir, par contre.


  • Avancements du projet « Thèmes à monter soi-même »

    Mi-octobre je lançais l’idée de proposer des templates HTML5/CSS3 à télécharger gratuitement ici sur le blog, je ne reviendrai pas sur les raisons qui m’ont poussées à entamer cette démarche, ici j’ai envie de vous parler de comment ce présente l’enfant. (suite…)

  • Créer son propre framework PHP, pourquoi ?

    Cela fait maintenant presque deux ans que je suis entré dans la vie active en tant que développeur et designer Web. Et en tant que tel, je suis souvent (comprenez : tout le temps) amené à faire quasiment les mêmes choses, bien que chaque projet soit différent.

    Personnellement j’aime passer du temps à peaufiner un design. je déteste réécrire les mêmes fonctions pour chaque projet. Alors oui, il des frameworks PHP, mais pourquoi utiliser un bazooka lorsqu’on doit abattre une mouche ? (suite…)


  • Humane JS : vos notifications utilisateur en JavaScript

    Humane est une petite librairie JavaScript permettant d’afficher simplement des notifications à l’écran. Pas besoin d’un framework comme jQuery ou Mootools. Les animations sont réalisées en CSS3 quand le navigateur le permet ou bien via JavaScript si le navigateur ne les supporte pas.

  • Moteurs de templates : fausse bonne idée ?

    Aujourd’hui, j’inaugure le « Guest blogging » avec un article vraiment très intéressant de Nicolas Torres (@noclat) sur l’intérêt mais aussi et surtout les « pièges » à éviter lorsqu’on utilise un moteur de templates (comme Smarty par exemple).

    (suite…)


  • Des templates HTML5/CSS3 gratuits, ça vous intéresse ?

    Ça viens de me tomber sur le bout du nez à l’instant. Malgré un cursus de développeur Web, j’ai toujours été attiré par le design Web, et encore plus ces deux dernières années, à tel point que je manque quelques fois de motivations quand vient le moment du développement pur est dur, préférant m’attarder sur le design dans Photoshop et son intégration HTML CSS. Mon poste actuel ne me permet pas de passer tout mon temps à concevoir des maquettes fonctionnelles, ergonomiques et jolies, et c’est dommage. (suite…)

  • #wdfr S02E01 – Responsive Web Design

    Le vendredi 2 septembre, on avait évoqué le responsive web design. Aujourd’hui, le compte rendu de la session a été publié sur le blog du Webdesign Friday.

  • css3button.net – Vos boutons en CSS3, tout simplement

    Encore une petite trouvaille en cette fin de semaine (je vais finir par en faire une habitude si ça continue) : au programme aujourd’hui une ressource bien sympa pour créer nos joli bouton d’interface en CSS3, comme les fameux boutons « Submit » de nos bon amis les formulaires Web.

    On le sait tous, préparer nos images pour nos boutons de formulaire, que l’on va potentiellement utiliser un peu partout sur un site, c’est chiant. CSS3 nous sauve un peu la vie, les jolis boutons qu’on claque dans nos maquettes, c’est parfois pas la joie à intégrer.

    Alors pourquoi ne pas créer ces boutons, fourrés aux dégradés et autres joyeusetés top-tendance,  directement avec CSS3, sans passer pas Photoshop ? Vous avez demandé un générateur qui vous mâche  les déclarations CSS? tant mieux!


  • FitVids.JS – adaptez vos vidéos à la taille de fenêtre

    Vendredi dernier, on a parlé du Responsive Web design (RWD) pendant le #wdfr sur Twitter, vous aurez d’ailleurs un résumé de la sessions du 2 septembre sur le blog du WDfriday, une fois celui-ci en ligne.

    Aujourd’hui, voilà pour vous FitVids.JS,  une nouvelle ressource pour pouvoir servir vos vidéos YouTube, Dailymotion, Vimeo, etc. avec une largeur « responsive », s’adaptant à la taille de la fenêtre. Vous n’avez plus d’excuse pour passer au RWD !


  • spin.js – votre loader full CSS

    Si vous servez du contenu via AJAX sur votre site, vous avez surement mis en place un loader au format GIF afin de montrer qu’un contenu est entrain d’être chargé et qu’il faut patienter quelques instant avant qu’il ne s’affiche. Et si je vous disais que ce petit « sablier » pouvait être remplacé par du simple CSS3, vous me croiriez? Non, alors cliquez voir sur ce lien et vous serez surpris