Quel intérêt à utiliser un préprocesseur CSS ?

Par

Ces derniers mois on parle constamment de préprocesseurs CSS tel que LESS ou SASS, en nous disant que ces préprocesseurs révolutionnent l’écriture de nos feuilles de styles. D’accord, mais comment ? Et pourquoi devrait-on les utiliser au détriment de nos bonnes vieilles CSS « de base » ?

Ça n’engage que moi, mais je ne vois pas, à l’heure actuelle, ce que pourrait m’apporter de tels outils. D’accord, on a la possibilité de créer des semblants de fonctions afin d’éviter de  répéter 1000 fois une propriété CSS3 qui n’est pas nativement interprétée par tous les navigateurs.

Mais franchement, en 2012 a-t-on vraiment envie de s’embêter avec les IE 6-8 et autres navigateurs d’anciennes générations ? Et puis même, il y a de très bons outils qui font ça pour nous, si vraiment on veut s’embêter—notamment Prefix free de Lea Verou ou encore Prefixr.

Là où je vois l’intérêt d’un tel outil, c’est pour une famille de sites—du style du réseau Tut+—lorsque le design reste le même et que seul le code couleur change. Ça leur permet effectivement de gagner un temps fou. Je ne sais pas pour vous, mais chaque site Web que je conçois a une « mise en page » qui lui est propre. Mais même ici, si vous avez l’éditeur de texte qui va bien, un simple « chercher/remplacer » fera très bien le boulot.

Bref. En écrivant ce petit billet, j’attends surtout vos avis sur de tels outils. Dans quelle mesure utilisez vous un préprocesseur CSS ? N’avez vous pas peur d’oublier comment écrire de vraies CSS avec ces nouvelles syntaxes, à l’instar de jQuery pour le JavaScript ?

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 !

Par

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"

Par

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. Lire la suite

Créer son propre framework PHP, pourquoi ?

Par

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 ? Lire la 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 ?

Par

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

Lire la suite

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

Par

Ç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. Lire la 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.  Cliquez sur le titre du billet pour lire le compte rendu !