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 😉
Après Francis Chouquet et Amaury Balmer qui nous ont gâté avec leur DVD de formation WordPress, c’est au tour de Florent Verschelde de commettre un DVD de formation sur XHTML et CSS :
> Adoptez les bons réflexes pour concevoir des sites Web actuels et créatifs ! Cette formation animée par Florent Verschelde est conçue pour répondre à vos besoins quel que soit votre niveau. Débutants, découvrez toutes les bases grâce à de nombreux exercices pratiques et liens utiles fournis. Vous êtes de niveau intermédiaire, trouvez toutes les clefs nécessaires pour implémenter vos designs et concevoir des pages conformes aux standards du Web (W3C) en mettant à profit les richesses des feuilles de styles CSS. Des gabarits présentés avec Alsacreations.com vous permettront de trouver de nouvelles bases solides pour enrichir vos projets.
Vous le savez certainement, les fichiers Javascript ou CSS sont placés dans le cache du navigateur pour être réutilisés sans devoir aller chercher les mêmes informations sur le serveur. C’est assez pratique car les fichiers en question ne sont téléchargés qu’une fois. Mais si vous modifiez ces fichiers après la mise en ligne, c’est la version placée en cache qui continuera de s’afficher jusqu’à ce que l’utilisateur vide son cache d’une façon ou d’une autre.
Pour y remédier, Damien Ravé nous propose une utilisation judicieuse de la fonction PHP filemtime() qui renvoie la date de la dernière modification d’un fichier pour recharger le cache CSS ou JS :
<script type="text/javascript" src="js/script.js?v=<?php echo filemtime('js/script.js'); ?>">
<link rel="stylesheet" type="text/css" href="css/ecran.css?v=<?php echo filemtime('css/ecran.css'); ?>">Grâce au tutoriel très complet de Josselin Willette sur la personnalisation des formulaires paru sur Developpez, vous saurez comment mettre les éléments de formulaire au garde-à-vous : input text, password, radio, checkbox, button, submit, reset, textarea, select… Et oui, vous avez bien lu : vous pourrez même changer ce satané texte *Parcourir…* propre aux *input* de type *file* ! Attention toutefois à ne pas trop pertuber l’utilisateur car en matière de formulaire, le moche c’est bien…
Après quelques mois d’absence, Monique Brunel est de retour sur le web avec un nouveau nom de domaine webatou.info car l’ancien — webatou.be — n’a pas résisté à l’épreuve du temps. Le blog webatou revient donc sur le ring de l’accessibilité des sites web et c’est tant mieux ! car je commençais à me relâcher un peu sur le contraste de certaines couleurs de texte par rapport au fond 😉
Les mots-clés qui vous amènent des visiteurs sont précieux. Ils en disent autant sur le contenu de votre site web que sur les intentions des internautes, dans un double mouvement qui se renforce : plus votre contenu colle à la demande et plus la demande viendra vers vous.
*Hittail* vous permet de connaitre les mots-clés représentatifs de votre contenu susceptibles de générer du trafic si vous les utilisez dans un article. Pour en savoir plus sur ce service original, je vous propose de lire Hittail et longue traine que j’ai écrit sur le blog développement de Cortix dans le cadre d’une collaboration ponctuelle.
Je partage régulièrement les billets qui m’ont le plus intéressés via ma liste de lecture. Il s’agit le plus souvent d’articles de fond dont j’ai envie de garder une trace sans pour autant utiliser mon compte Delicious afin d’éviter toute distraction pendant la lecture (login, mots-clés, etc.) alors qu’un clic sur le bouton « Partage » and the cat’s in the bag!. J’en ai profité pour vous faire part des nouveautés de la blogosphère. Magnéto ! →
Maxime Guernion de Blog Tool Box nous a proposé à Francis de fran6art et à moi-même de nous prêter au jeu de la double interview en répondant aux mêmes questions sans connaitre les réponses de l’autre.
cela donne face à face de blogueurs : Bruno Bichet vs Francis Chouquet. Pour pimenter un peu les choses, Maxime a mis en place un sympathique sondage pour déterminer le « vainqueur ». N’hésitez pas à vous lâcher, sachant qu’il n’y a rien à gagner et que nos égos déjà surdimensionnés ne souffriront pas d’arriver deuxième 😀