TinyFader — Malgré son nom, la particularité de ce diaporama n’est pas de proposer des effets de transitions à base de fading. C’est plutôt son poids — 1,4 KB seulement — qui mérite le détour ! Il s’agit d’une variante de TinySlider en version autonome : TinyFader n’a pas besoin d’un framework Javascript pour fonctionner. L’initialisation et le paramétrage de TinyFader sont très simple : →
Refaire l’interface du nouveau Twitter avec CSS et jQuery
New Twitter Design with CSS and JQuery –Tout le monde ou presque a pu voir la nouvelle interface utilisateur de Twitter. Elle fait un usage intensif de Javascript et si l’utilisation du nombre d’or dans la maquette initiale ne brille pas par sa présence, le reste de l’interface est très fluide et bien pensée. →
Jquery Looped Slider — Un diaporama simple et élégant
Créé par Nathan Searles, Jquery Looped Slider est un diaporama jQuery qui boucle sans accroc lorsque le script atteint la dernière «diapo» de votre Slider. →
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. →
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. →
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. →
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`. →
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. →
Nivo Slider — Diaporama avec 9 transitions pour vos images
Dans le même esprit que AviaSlider, Nivo Slider est un diaporama qui offre 9 transitions de très bonne facture pour ajouter un peu de peps à nos Sliders images. Compatible avec IE7, Firefox 3+, Google Chrome 4, Safari 4 et Opera 10.5. Nombreuses options de personnalisation. Via @deruyver.
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. →