HTML & CSS

Dégradés CSS3 WYSIWYG avec Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator est un éditeur de dégradés mis au point par Alex Sirota (ColorZilla) qui permet de générer les déclarations pour vos dégradés CSS3 via des sélecteurs de couleurs et des curseurs très proches de l’Outil Dégradé de Photoshop. Quelques réglages préétablis sont disponibles mais la création d’un dégradé personnalisé est très intuitive. La fenêtre de prévisualisation permet de modifier l’orientation verticale ou horizontale du dégradé, et le code CSS est mis à jour automatiquement à chaque modification avec une petite pensée pour Internet Explorer. →

Blog professionnel

Votre blog professionnel à partir de 9,90€

Depuis quelques temps les propositions commerciales autour des blogs d’entreprise ou des sites web «vitrine» se font plus agressives. On peut trouver des annonces pour des blog pro autour de 150€, 100€, voire 60€ ! Peut-on descendre plus bas ? Et d’ailleurs, est-il possible qu’un blog ayant coûté le prix d’un tee-shirt puisse rapporter de l’argent ? Si oui, foncez ! Mais juste pour info, sachez qu’un blog corporate fait dans les règles de l’art coûte au moins dix fois plus… Ce billet a été écrit il y a longtemps et j’ai décidé de le ressortir pour soutenir @Daibai dans sa lutte contre les sites web à 1€. Attention, si ce billet n’est pas à prendre uniquement au premier degré, l’offre proposée reste valable. →

Design & Graphisme

Le prêt-à-bloguer bride-t-il la créativité ?

Comme toutes les disciplines graphiques, la conception de modèle de site internet (Webdesign) est traversée par les modes et les tendances. Parmi elles, le design minimaliste (style épuré, typographie fine, utilisation parcimonieuse des visuels, grille de mise en page tirée au cordeau) est sans doute le plus répandu. C’est certainement celui qui est amené à perdurer en raison de son faible potentiel de lassitude. Toutefois, il ne faut pas confondre ce style épuré avec le style «sans style». Sorte de design pauvre mis au service d’un contenu pré-mâché où le contenant n’a d’intérêt que s’il permet à Google d’avaler les contenus sans avoir le hoquet. →

HTML & CSS

Comment j’utilise les listes de définitions HTML

Les listes de définition `dl` permettent de créer une relation entre un terme et sa définition. L’utilisation la plus évidente de cet élément est le «glossaire» avec, par exemple, le terme à définir dans la balise `dt` et sa définition dans la balise `dd`. Les spécifications sont relativement claires à ce sujet et proposent même d’élargir son utilisation au dialogue entre les protagonistes d’une pièce de théâtre, aux instructions à suivre, à une FAQ avec question(s)/réponse(s), etc. On le devine, mais ça ira mieux en le disant : il est possible d’associer un ou plusieurs `dt` à un ou plusieurs `dd` dans un `dl`. →

Plugin jQuery

Easy List Splitter — Listes UL ou OL en colonnes avec jQuery

Easy List Splitter est un plugin jQuery qui affiche des listes HTML ordonnées (OL) ou non-ordonnées (UL) en colonnes. Choix du nombre et de l’orientation des colonnes (sens de lecture vertical ou horizontal), possibilité d’appliquer le plugin sur plusieurs listes sur la même page avec un nombre de colonnes différent pour chacune d’elles. →

CMS WordPress

WordPress Theme Generator : un thème WordPress en quelques clics

WP Generator Blog — Ce générateur de template crée votre thème WordPress sans nécessiter de connaissances préalables en HTML, JS, PHP ou même CSS. Il suffit de spécifier le nom du blog (ou votre logo), la largeur du site (750px, 950px, 984px 100% ou largeur personnalisée), l’emplacement (droite ou gauche) et la largeur (160px, 180px ou 300px) des barres latérales. →

Plugin jQuery

AviaSlider — un diaporama avec 8 transitions simples et jolies

AviaSlider est un diaporama en jQuery de 8 kb dont l’originalité est de proposer huit belles transitions entre les images (j’ai un faible pour la transition fullwidth-fade-slider). Le marquage HTML5 et les effets CSS3 sont présents mais le Slider reste compatible avec IE6, Safari 3+, Firefox 2+, Opera 10+, Google Chrome 3+ en version Mac et PC pour les 3 derniers navigateurs cités. Prêt à fonctionner avec prettyPhoto Lightbox lorsqu’on clique sur une image.

Intégration web

Intégrateur web + graphiste = intégraphiste !

En attendant que les métiers qui composent le flux de production web se stabilisent tant dans le fond que sur la forme, je continue mon exploration des métiers du web. Après l’invention du métier Enveloppeur web, je propose Intégraphiste. Si l’intégration web est un ensemble de techniques relativement bien «balisées» (découpage de maquette graphique Photoshop et « codage » de cette maquette à l’aide des langages HTML et CSS),  la perception que l’on a de l’intégrateur web est beaucoup plus floue en raison, sans doute, de son parcours et/ou de sa formation. →