PUBLIC MARKS from eledo34 with tags javascript & jQuery

L'AB Testing est une technique très répendue dans le domaine du Webmarketing, e-commerce ... permettant de comparer l'efficacité de deux versions de design, textes, dispositions ... jQuery AB permet à l'aide de l'insertion d'un bout de code Javascript de mettre en place ce système: Les visiteurs verront aléatoirement la version A ou la version B. A l'aide d'appels Ajax, le script va loguer les différentes actions des utilisateurs vous permettant ensuite de générer vos propres statistiques d'utilisation, puis appliquer les formules mathématiques permettant de savoir quelle version est la plus efficace. Imaginons que nous souhaitons tester l'efficacité d'un texte pour s'inscrire sur notre site:

Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Cette librairie très simple d'utilisation vous permettra de créer des graphes et diagrammes de différents types: Graphes courbe et lignes Diagrammes d'aires Diagrammes en barres / Colonnes Graphes combinés en barres + lignes Camemberts Etc L'intérêt de la librairie est l'interactivité avec l'utilisateur. En effet, au survol des légendes peuvent être affichées, des effets dynamiques sur les parties du camembert etc. sans flash !

Réaliser une belle guirlande, toute en css3 et en javascript, c’est possible. Donner l’impression qu’une trainée de lumière passe sur toutes les entrées d’un menu, c’est possible aussi. Explications… Si vous ne connaissez pas la fonction fadeTo de JQuery, je vous invite à en lire la documentation. Néanmoins, en voici une rapide description: fadeTo( duration, opacity, [ callback ] ). Par exemple $(« #monId »).fadeTo(« fast », 0.5, mafonction()); va faire diminuer en fondu l’opacité de l’Id « monId » vers une opacité de 50%, avec la rapidité « fast », et va appeler mafonction() à la fin du fondu. On peut ainsi jouer avec les appels récursifs…

Vous souhaitez trier/réorganiser des éléments de votre page sans passer par une bibliothèque (ex : tablesorter)… Voici un petit exemple utilisant la fonction native bien pratique sort() et jQuery.

Cette liste de liens pour le développeur web front-end est issue de la veille documentée que j’effectue sur Javascript & Webdesign — Les meilleures ressources Javascript pour développeurs web front-end (avec parfois un soupçon de PHP) – depuis plus de 6 mois. A quelques exceptions près, les resssources pointent directement sur les articles d’origine. La liste est affichée dans l’ordre où j’ai rédigé les billets : les plus anciens en premier par paquet de 10 pour aérer la lecture parce que vous le valez bien.

Sélection des meilleures techniques et tutoriel Javascript, plein d’excellents script et howto à (re)découvrir !

"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. Du Javascript, oui mais pas n’importe comment !"

Je ne sais pas pour vous, mais moi, dès que je regarde une chaine d'information, je suis hypnotisé par les barres de news qui défilent en bas de l'écran. Je n'arrive pas à en détacher les yeux. Personnellement, je trouve celles de iTélé particulèrement réussies. Je me suis dit que ce traitement des brèves infos pouvait être une belle manière d'annoncer les mises à jour d'un site web. Bien évidement en tant qu'obsédé de jQuery, je me suis amusé à réaliser un effet similaire. Le voici.

Solutions à des casse-têtes Javascript et CSS

CSS ne permet pas directement d’équilibrer la hauteur de différentes boîtes. Un coup de javascript et c’est réglé... avec jQuery c’est en trois lignes.

Un petit tuto bien sympathique pour réaliser un système de SlideShow / Onglets qui fonctionne avec ou sans Javascript !

FlexBox is a jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, using ajax to retrieve and bind JSON data.

CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.)

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 21 scripts pour faire face à toutes les situations (ou presque) :