Les Microscopicons sont des icônes microscopiques de 2 pixels de côtés. Pourquoi utiliser ces petites icônes ? Les icônes traditionnelles sont trop grandes et gaspillent la bande passante. Par ailleurs, les Microscopicons prennent moins de place dans la mise en page.
Après des débuts difficiles, Dotclear 2.0 est désormais accessible chez Free à l’adresse http://blog.free.fr.
Présentation de l’atelier Personnaliser un thème sous WordPress proposé par les *Designers Interactifs*. Les *slides* présentent deux études de cas à partir des sites designers interactifs et Flashxpress.
Voir la présentation sur SlideShare.
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! Bon, ben, si tu le dis…
D’après Wikipedia, le zeugme (ou zeugma) est une figure de style qui consiste à faire dépendre d’un même mot deux termes qui n’ont rien à voir. Dans la plupart des cas il s’agit d’un verbe suivi de deux compléments d’objet. Le zeugme vise un effet humoristique voire ironique, proche de la syllepse de sens, de la concaténation et de l’anacoluthe.
D’après les dictionnaires franco-allemand, Zeug signifie truc, machin, équipement, matériel, etc. C’est l’équivalent de thing en Anglais. Bref, le terme idéal pour un blog. J’en ai profité pour rapatrier quelques billets à tendance littéraire qui prenaient la poussière quelque part sur la toile.
Sur ce, je pars chercher une bière et bonheur. Tchuss !
Ce tutoriel pour styler les champs input de vos formulaires de recherche vous permettra d’offrir à vos visiteurs un formulaire design au lieu du traditionnel — mais efficace — champ *input type=text* blanc avec contour.
L’auteur utilise un *button* à la place du *input type= »submit »* pour éviter les problèmes d’alignement afin d’utiliser une seule image pour le champ *input* et le *button*. Ce qui permet de gérer facilement les différents état *:focus* ou *:hover* avec *background-position*.
PS : En cas de problème avec l’utilisation de l’élément button, jettez un oeil sur ce fil de discussion paru sur le forum Alsacréations.
La bibliothèque Javascript DOMAssistant fait des petits avec le plugin BoxIt qui vous permettra d’arrondir les angles de vos blocs ou de vos images. Rendez-vous sur la page de tests pour avoir un aperçu des possibilités du script.
Plutôt que créer des images ou d’utiliser Flash pour afficher du texte dans la police de caractère de votre choix, vous pouvez utiliser typeface.js et écrire vos titres en HTML et CSS comme si vos visiteurs avait installé votre fonte préférée.
Le script utilise les capacités vectorielles des navigateurs pour dessiner les textes : les navigateurs comme Firefox, Safari et Opera utilisent la balise canvas (et SVG par la même occasion) tandis que IE utilise *Vector Markup Language* (VML).
Le projet *typeface.js* est composé d’un module Perl pour extraire la forme vectorielle des fontes Truetype au format JSON. La partie en Javascript parcoure le document à la recherche de « ou de données VML pour afficher les glyphes.
Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs.
Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : `float: left` ou `position: absolute`. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous 🙂 Drawter : dessinez, c’est gagné ? A tester !
PS : Merci à Thierry pour le lien 😉
Google Doctype est une encyclopédie ouverte (wiki) écrite par des développeurs web pour des développeurs web. Google Doctype contient des articles sur la sécurité sur le web, la manipulation du DOM en Javascript, des trucs et astuces CSS. Une section présente les balises HTML avec leur compatibilité inter-navigateur.
Une nouvelle version de TweakPNG vient de sortir. La dernière datait de 2004 ! Parmis les nouveautés :
* Prise en charge du chunk iTXt,
* Utilisation des dernières version de zlib et libpng.
* Le code binaire est désormais une application Unicode,
* Le logiciel n’est pas compatible avec Window 95/98/ME,
* Beaucoup de ménage dans le code source,
* Quelques bugs réparés, mais d’autres bugs sont sûrement apparus qu’il faudra réparer à leur tour !
* Passe de la licence GPLv2 à GPLv3.
Ce petit utilitaire est très pratique pour modifier la couleur par défaut des PNG transparents pour éviter le *background* disgrâcieux sous IE6 😉
