J’ai lancé mi-novembre 2009 le blog js4design pour garder les bons liens Javascript et jQuery sous la souris. A l’exception du billet pour annoncer son lancement et des liens réguliers sur Twitter, je n’ai pas fais d’efforts particuliers pour le promouvoir. C’est pourquoi je suis très content des résultats que je tiens à partager avec vous : →
Hightcharts — une bibliothèque Javascript pour des «camemberts» à point
Hightcharts est une bibliothèque Javascript spécialisée dans la création de diagrammes, graphiques et autres camemberts pour illustrer vos données brutes. Hightcharts fonctionne dans tout les navigateurs modernes, dont l’iPhone et Internet Explorer à partir de la version 6 ! Les navigateurs standarts utilisent l’élément canvas
, dans certains cas, SVG est utilisé. Quant à Internet Explorer, c’est VML qui sollicité. Voir la page de démonstration.
TinySlider — un diaporama léger en Javascript
TinySlider est un diaporama Javascript autonome très léger de 1,5 ko facilement personnalisable via les CSS. On peut intégrer autre chose que des images et la gracieuse dégradation est assurée en l’absence de Javascript sur l’agent utilisateur du visiteur. Le script possède des options pratiques comme vous pouvez le voir sur l’exemple d’appel au script :
var slideshow=new TINY.slider.slide('slideshow',{ id:'slider', // ID of the parent slideshow div auto:3, // Seconds to auto-advance, defaults to disabled resume:true, // Resume auto after interrupted, defaults to false vertical:false, // Direction, defaults to false navid:'pagination', // Optional ID of direct navigation UL activeclass:'current', // Class to set on the current LI position:0 // Initial slide position, defaulting to index 0 });
Voir la démonstration.
Excargot — Une mine de liens sur Javascript vient de rouvrir !
Marie Neff est de retour à la barre d’Excargot qui propose depuis plus de 4 ans des ressources sur Javascript, CSS et le Webdesign en général. Faites chauffer les aggrégateurs et restez connectés 😉
Ressources Javascript pour intégrateurs web front-end
Si les fondations du design web sont constituées de HTML et de CSS, il faut reconnaitre qu’il est de plus en plus difficile de se passer de Javascript et des frameworks comme jQuery. C’est pourquoi je propose aux webdesigners et aux intégrateurs web un lien Javascript chaque jour (ou presque). Mon choix se portera plus particulièrement sur les développements préservant la séparation de la forme et du fond (oui ça veut dire non-intrusif) dans la droite ligne des bonnes pratiques HTML et CSS. →
Quelques liens Javascript et PHP
Après le petit journal HTML5 et CSS, je continue la série de l’intégration web côté client avec Javascript (et plus particulièrement jQuery) et une pincée de PHP histoire de ne pas totalement laisser de côté la partie serveur. →
DOM vs namespace pour implémenter HTML5 sur IE6, IE7, Firefox2, Camino, etc.
Sur webdevfr, les discussions vont bon train sur HTML5 : Yves Van Goethem soumet à notre attention deux méthodes disponibles aujourd’hui pour pallier les insuffisances des anciens navigateurs (Firefox 2) ou des mauvais élèves du W3C (IE6, IE7) : →
100+ comptes Twitter pour webdesigner
Twitter devient le service web 2.0 sur lequel il faut voir et être vu. Je vous propose un petit voyage dans le webdesign anglo-saxon avec 100 comptes Twitter utiles dans le cadre d’une veille technique et stratégique sur le Webdesign, WordPress, les Standards du Web, Javascript & jQuery, Photoshop & Illustrator, HTML & CSS, PHP, l’architecture de l’information, etc. Au menu, le pseudo avec un lien vers le compte Twitter et la bio présente sur le profil. →
Des fonctions PHP en Javascript avec PHP.JS
Le PHP regorge de fonctions très pratiques qui n’ont pas forcément d’équivalents en Javascript. La librairie PHP.JS est un projet open source à l’initiative de Kevin van Zonneveld dont le but est de porter les fonctions PHP en Javascript.
Rien de tape-à-l’oeil, juste la possibilité d’utiliser en Javascript des fonctions PHP avec leurs qualités et leurs défauts et c’est déjà pas mal !
Coins arrondis avec BoxIt et DOMAssistant
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.