Archives mensuelles :

novembre 2008

typeface.js — typo personnalisée avec Perl et Javascript (sans Flash ni image)

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 : dessinez, c’est intégré ! (WYSYWYG Powa!)

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 😉

TweakPNG 1.3.0

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 😉

Le code CSS et Javascript inline saimal

Cet article est une « craduction »(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autres devrait être limitée au strict minimum. Yalla, en avant les jeunes !

21 fonctions Javascript pour l’intégrateur web (et plus à venir…)

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions *standalone* sous la souris pour se faciliter l’intégration *cross-browser* ! Voici une sélection de plus de 21 scripts pour faire face à toutes les situations (ou presque) :

La blogosphère m’ennuie et Le Monde aussi

Juste au moment où je termine un billet par la blogoshère m’ennuie, voilà que deux ou trois remous blogosphériques m’éveillent. L’article Profession blogueur paru dans Le Monde brosse le portrait de quelques blogueurs comme Steve HemmerstofferAnh PhanRomain Libeau ou encore Delphine Desneiges.

Sans oublier la régie publicitaire Blog Rider qui reste finalement le sujet central de l’article…

Bref, après les blogueurs qui se prennent pour des journalistes, voilà que les journalistes se prennent pour des blogueurs…

Mais où va le monde !

Blogalwarming, un blog contre le réchauffement climatique

Après plusieurs mois de préparation, Francis applique la dernière couche de peinture à Blogalwarming. Ce blog collectif — auquel j’ai le plaisir de participer — se penchera sur la protection de l’environnement, la place de la culture biologique, les énergies renouvelables, le développement durable, le respect de la biodiversité, etc.

J’avais tenté d’aborder ces sujets sur éco-logis qui n’a pas résisté au recentrage de mes activités blogosphériques autour de css 4 design et de Twitter. Mais — et le paradoxe n’est qu’apparent –, comme franc.is, je vais lancer d’ici peu un nouveau blog à tendance irrégulomadaire pour accueillir mes réflexions, une partie de mes tentatives littéraires et le reste.

Quand à Notorious Blog, je suis partagé entre l’envie de continuer à faire le point sur ce qui a retenu mon attention dans le paysage blogosphérique francophone, mais je dois avouer que le coeur n’y est plus pour le moment. Pour dire les choses simplement : la blogosphère m’ennuie.

Liens utiles pour l’intégrateur HTML / CSS et le développeur web

Cette sélection de liens triés sur le volet en provenance de mon compte Delicious vous aidera peut-être : à trouver des snippets (bouts de code) pour faire face à toutes les situations ; à concevoir des emails qui tiennent la route ; à dénicher des feuilles de style pour vos tableaux ; à ajouter des menus déroulants intelligents à votre site web ou encore à faire le point sur les *templates tags* WordPress disponibles pour votre thème de blog !

DVD de formation XHTML et CSS

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.