Avec le tag Javascript

Infinity.js, alléger les pages qui présentent de longues listes d’items

infinity-js

Infinity.js est un script qui reproduit le comportement de UITableView. Il permet d’accélérer le scrolling sur les sites présentant de très longues listes d’éléments comme Pinterest. Il fonctionne en ajoutant ou supprimant dynamiquement des éléments en fonction de la position dans la liste. Ainsi, la page reste légère et évite les repaints inutiles. La navigation s’en trouve plus rapide et … Lire la suite

[Webdesign] 3 solutions JS pour des favicons dynamiques

gmail-favicon-640-250

Le favicon est un endroit privilégié pour faire passer de micro-informations, comme le fait le webmail Gmail qui affiche le nombre de messages non-lus. Avec un peu de Javascript, il est assez facile de réaliser une telle fonctionnalité pour vos sites et webwares, afin d’afficher des compteurs ou des progressions, ou toute autre information textuelle de votre choix (à condition … Lire la suite

Enquire.js, créer des évènements en fonction de la taille de l’écran

enquireJs-150x150

Enquire.js est une bibliothèque JS qui permet de gérer ses media queries en Javascript. Equire.js permet notamment de créer des évènements en fonction de la taille de l’écran, pour ainsi complètement adapter l’affichage ou le comportement des pages selon le terminal. Ce petit script de moins d’un Ko peut rendre de fiers services. Certains exemples d’utilisations sont l’affichage d’image plus … Lire la suite

Chirp.js, afficher et contrôler les tweets sur un site

code-developpement-webdesign

Chirp.js est un script JS qui permet d’afficher les tweets d’un utilisateur sur un site. Il propose un certains nombre d’options intéressantes pour contrôler et personnaliser cet affichage. L’utilisation est très simple; il suffit d’inclure le script dans vos page et de l’initialiser: <script src="path/to/chirp.min.js"></script> <script>Chirp(‘yourusername’)</script> Si vous souhaitez afficher les tweets de plusieurs personnes, il suffit de créer une … Lire la suite

ABalytics.js, réaliser des tests A/B avec Google Analytics côté client

ABalytics.js est un script qui permet de réaliser des tests A/B côté client, et d’enregistrer les données recueillies directement dans Google Analytics via des variables personnalisées. Pour cela, il n’y a rien à configurer. Il suffit d’inclure le script dans vos pages. <script type="text/javascript" src="abalytics.js"></script> … <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-XX']); ABalytics.init({ experiment1_name: [ { … Lire la suite