Développeur front-office, Drupal themeur en Auvergne

50 techniques AJAX populaires ; exemples, démonstration, guide

3

J'avais publié ici-même une liste de 240 plugins jquery qui permettent de faire beaucoup de choses pour améliorer l'interface d'un site web. Voici désormais 50 techniques AJAX (tout framework javascript confondu) qui sont très populaires. Ce listing provient de noope.com

Ajax Forms

ShoutBox

Validate a Username AJAX

Ajax Instant Messenger

Ajax Tabs Content

Ajax Shopping Carts

Ajax Star Ratings

Ajax Inline Edit

Ajax Progress Bar

Ajax Pagination

Ajax File Browser & Manager

Ajax Calendar

Ajax Photo Manipulation

Ajax Dynamic Image Gallery and Slideshows

Ajax File Upload

Ajax AutoCompleter

CMS

Polls

Tabular data manipulations

Miscellaneous

Diaporama sur le Rich Commerce

0

Tout sur le Rich Commerce. Diaporama publié par Fred Cavazza sur son site.

Un complément à firebug : TraceTool

0

Voilà un outil complémentaire à Firebug qui permet de débugger avec une api Javascript pour n'importe quel type de navigateurs (IE6, IE7 etc.) ; avec l'API il est possible d'envoyer des traces, des objets, des dumps, des appels en tout genre et même plus.

Tracetool, réalisé par Thierry PArent.

tracetool

Firebug 1.1 beta

3

Firebug, l'outil indispensable pour debugger une application ou un site internet, arrive bientôt en version 1.1

firebug

Voici quelques améliorations trouvées sur le blog du créateur Joe Hewitt.


* eval() debugging,
* external editor interface,
* browser-generated event handler debugging,
* executable lines marked with green line numbers,
* user-controlled naming of eval() buffers,
* Stack side panel on "Script" panel for callstack,
* Supports Firefox 3,
* "better" debugging icons,
* CSS errors report against source lines,
* bug fixes (incl. issues 8, 69, 218, 230, 239, 249, 269, 314, 321, 345)
* Internal firebug debug output

Tests de performance des différents framework JavaScript

3

PBwiki a créé une batterie de tests sur dojo, prototype et jquery. Alors qui est le plus rapide ? Réponse là :http://jst.pbwiki.com/summary.php

Plus d'infos (en anglais) sur la mise en oeuvre ces tests de performancehttp://jst.pbwiki.com/faq.php

Bon anniversaire jQuery

4

Coïncidence de la vie, aujourd'hui c'est mon anniversaire et également celui de la première sortie de jQuery, qui existe depuis 2 ans. Le créateur John Resig en profite également pour sortir jQuery 1.2.2
avec toujours de nettes améliorations quant à la rapidité et l'exécution de ce framework Javascript.

Visual Jquery le mag'

1

Document PDF (1,7mo) d'approche de jQuery le framework javascript bien connu

Il y a une petite interview de John Resig le créateur de jQuery à l'intérieur
il aime observer les programmeurs talentueux au sein de leur élément : il suit plus de 250 fils d’information du Web par jour. « Voir un programmeur
étonnant dans son “habitat naturel” est toujours une vision de la beauté
»

Petite liste de Frameworks JavaScript

1
  • 4D Ajax Frameworks
  • ADF Faces (Apache Trinidad)
  • ADL
  • Aejacs
  • Aida/Web
  • ajaxed
  • AJASON
  • Akelos PHP Framework
  • AModules3
  • ActiveGrid Studio
  • ActiveWidgets
  • AjaxAC
  • Ajax Agent
  • Ajax Caller
  • Ajax Client Engine
  • Ajax Face
  • AjaxGear
  • Ajax Queue Class
  • Ajax Toolbox
  • Ajax WorkShop
  • Ajax.NET Professional
  • Ajax4jsf
  • AjaxAC
  • AjaxAnywhere
  • AjaxAspects
  • AjaxCaller
  • AjaxCFC
  • AjaxFace
  • AjaxGear
  • Ajaxium
  • AjaxTags
  • AJFORM
  • AMFPHP
  • Ample SDK
  • Anthum.NET
  • Apache Struts 2
  • ARSCIF
  • Aspects of Ajax
  • ASP.NET Ajax
  • aSSL
  • Atlas, Microsoft
  • Authenteo
  • AXE
  • Backbase
  • Bindows
  • Bitkraft for ASP.NET
  • Bitjuice
  • BorgWorX
  • BZbyte EZAjax
  • Cajax
  • CakePHP
  • CAPXOUS AutoComplete
  • Catalyst
  • CEITON
  • Cerny.js
  • CFAjax
  • CGI:Ajax
  • Claw
  • CrossBrowerAjax
  • Giant-Ass Image Viewer (GSV)
  • CGI::Ajax
  • CL-Ajax
  • Claw
  • Client callback manager
  • ComfortASP.NET
  • CPAINT
  • crossvision Application Designer
  • Dart PowerWEB LiveControls
  • DataRequestor
  • Django
  • Dojo
  • DutchPIPE
  • DWR
  • Echo2
  • emergetk
  • Engine for Web Applications
  • Ext JS - JavaScript Library
  • Fade Anything Technique
  • FastPage
  • FAT: Fade Anything Technique
  • Feather Ajax
  • Flash JavaScript Integration Kit
  • Flex Ajax Bridge
  • Flexible Ajax Framework
  • Flexjson
  • Freja
  • FURIA
  • gara
  • Gaia Ajax Widgets
  • Google Web Toolkit
  • Gravey (aka Gravy
  • Guava
  • Guise
  • HTML::Prototype
  • HTML_AJAX PEAR Package
  • HTMLHttpRequest
  • HTSWaf
  • IBM JSF Widget Library
  • ICEfaces
  • IFW2
  • Interactive Website Framework
  • Interface
  • InfiView
  • IT Mill Toolkit
  • ItsNat
  • JackBe
  • Java Web Objects
  • Java Web Parts AjaxParts
  • Java2Script Pacemaker
  • Javeline
  • Jaxcent
  • JayJax
  • jMaki
  • JoySpot WorkShop and ADL
  • jPOP
  • JPSPAN
  • jQuery
  • JRP
  • JsLINB
  • JSLog
  • JSMX
  • JSON
  • JSON-RPC-Java
  • JSON ASP
  • JSON classic ASP Utilities
  • JSONER
  • JSP Controls Tag Library
  • jsTracer
  • JsRia
  • JSRS
  • jWic
  • jx/jxs
  • Kumbia PHP Framework
  • LibXMLHttpRequest
  • Light
  • log4javascript
  • Log4Js
  • Lumberjack
  • Lokris
  • Macao
  • MagicAjax.NET
  • MAJAX
  • MochiKit
  • MonoRail
  • Moo.fx
  • Mootools
  • mxAjax
  • My-BIC
  • NanoAjax
  • Nevow
  • Nitro
  • Nitobi (Formerly eBusiness Applications - EBA)
  • Novulo
  • Open-jACOB Draw2D
  • OpenLink Ajax Toolkit (a.k.a. OAT)
  • Open Rico
  • OutPost
  • PAJAJ
  • PAJAX
  • phpAjaxTags
  • PHPLiveX
  • PHPRPC
  • PHPWebBuilder
  • Picora
  • Pipeline
  • Plex Toolkit
  • Porcupine
  • PowerWEB
  • Proficy Portal
  • Prototype
  • Pyjamas
  • Qcodo
  • qooxdoo
  • Raju’s GUI-API
  • Restlet
  • Rialto
  • RSLite
  • Ruby on Rails
  • Run Universal JavaScript Animation Framework
  • SACK
  • SAJAX
  • Sarissa
  • Script#
  • Script.aculo.us
  • Seaside
  • SimpleJax
  • SmartClient
  • sniPEAR
  • Software AG's Crossvision
  • Stratos PHP Framework
  • Stream
  • Struts-Layout
  • Subsys_JsHttpRequest
  • Super AJAX Programming Seed
  • SWATO
  • SweetDev RIA
  • Sybrain Framework
  • Symfony
  • Tacos Tapastry
  • Telerik radControls
  • Telosys
  • ThinkCAP JX
  • ThinWire
  • thyAPI
  • TIBCO General Interface
  • TIBET
  • TinyAjax
  • Toxic, Dotvoid
  • tppAjax
  • TurboGears
  • twoBirds
  • UI4W
  • UniAjax
  • vcXMLRPC
  • Visual WebGUI
  • Walter Zorn's Drag-Drop library
  • WDDXAJAX
  • WebOE
  • WebORB for .NET
  • Wicket
  • WidgetServer Framework
  • WinLIKE
  • Wonder
  • Wt
  • XAJAX
  • XANDRA Framework
  • XHConn
  • XHRConnection
  • xml2array
  • XMLas
  • XMLParse
  • XOAD
  • xulfaces
  • xWire
  • Yahoo! User Interface Library
  • Zephyr
  • Zimbra AjaxTK
  • ZK
  • zumiPage

240 plugins jQuery

64

Mon framework javascript préféré jQuery permet de faire plein de choses jolies et ergonomiques, il peut faire beaucoup plus lorsqu'on lui attache des plugins. Dont voici une liste non exhaustive :-)

A noter le lancement d'un nouveau site avec des plugins, tutoriaux, exemples avec jquery.

File upload

Ajax File Upload
jQUploader
Multiple File Upload plugin
jQuery File Style
Styling an input type file
Progress Bar Plugin

Form Validation

jQuery Validation

Auto Help
Simple jQuery form validation
jQuery XAV - form validations
jQuery AlphaNumeric
Masked Input
TypeWatch Plugin
Text limiter for form fields
Ajax Username Check with jQuery

Form - Select Box stuff

jQuery Combobox
jQuery controlled dependent (or Cascadign) Select List
Multiple Selects
Select box manipulation
Select Combo Plugin
jQuery - LinkedSelect
Auto-populate multiple select boxes
Choose Plugin (Select Replacement)

Form Basics, Input Fields, Checkboxes etc.

jQuery Form Plugin
jQuery-Form
jLook Nice Forms
jNice
Ping Plugin
Toggle Form Text
ToggleVal
jQuery Field Plugin
jQuery Form’n Field plugin

jQuery Checkbox manipulation
jTagging
jQuery labelcheck
Overlabel
3 state radio buttons
ShiftCheckbox jQuery Plugin
Watermark Input
jQuery Checkbox (checkboxes with imags)
jQuery SpinButton Control

jQuery Ajax Form Builder
jQuery Focus Fields
jQuery Time Entry

Time, Date and Color Picker

jQuery UI Datepicker
jQuery date picker plugin
jQuery Time Picker
Time Picker
ClickPick

TimePicker
Farbtastic jQuery Color Picker Plugin
Color Picker by intelliance.fr

Rating Plugins

jQuery Star Rating Plugin
jQuery Star Rater
Content rater with asp.net, ajax and jQuery
Half-Star Rating Plugin

Search Plugins

jQuery Suggest
jQuery Autocomplete
jQuery Autocomplete Mod
jQuery Autocomplete by AjaxDaddy
jQuery Autocomplete Plugin with HTML formatting
jQuery Autocompleter
AutoCompleter (Tutorial with PHP&MySQL)
quick Search jQuery Plugin

Inline Edit & Editors

jTagEditor
WYMeditor
jQuery jFrame
Jeditable - edit in place plugin for jQuery
jQuery editable
jQuery Disable Text Select Plugin
Edit in Place with Ajax using jQuery

jQuery Plugin - Another In-Place Editor
TableEditor
tEditable - in place table editing for jQuery

Audio, Video, Flash, SVG, etc

jMedia - accessible multi-media embedding
JBEdit - Ajax online Video Editor
jQuery MP3 Plugin
jQuery Media Plugin
jQuery Flash Plugin

Embed QuickTime
SVG Integration

Photos/Images/Galleries

ThickBox
jQuery lightBox plugin
jQuery Image Strip
jQuery slideViewer
jQuery jqGalScroll 2.0
jQuery - jqGalViewII

jQuery - jqGalViewIII
jQuery Photo Slider
jQuery Thumbs - easily create thumbnails
jQuery jQIR Image Replacement
jCarousel Lite
jQPanView
jCarousel
Interface Imagebox
Image Gallery using jQuery, Interface & Reflactions

simple jQuery Gallery
jQuery Gallery Module
EO Gallery
jQuery ScrollShow
jQuery Cycle Plugin
jQuery Flickr
jQuery Lazy Load Images Plugin
Zoomi - Zoomable Thumbnails
jQuery Crop - crop any image on the fly

Image Reflection

Google Map

jQuery Plugin googlemaps
jMaps jQuery Maps Framework
jQmaps
jQuery & Google Maps
jQuery Maps Interface forr Google and Yahoo maps
jQuery J Maps - by Tane Piper

Games

Tetris with jQuery
jQuery Chess
Mad Libs Word Game
jQuery Puzzle
jQuery Solar System (not a game but awesome jQuery Stuff)

Tables, Grids etc.

UI/Tablesorter
jQuery ingrid

jQuery Grid Plugin
Table Filter - awesome!
TableEditor
jQuery Tree Tables
Expandable “Detail” Table Rows
Sortable Table ColdFusion Costum Tag with jQuery UI
jQuery Bubble

TableSorter
Scrollable HTML Table
jQuery column Manager Plugin
jQuery tableHover Plugin
jQuery columnHover Plugin
jQuery Grid
TableSorter plugin for jQuery
tEditable - in place table editing for jQuery
jQuery charToTable Plugin

jQuery Grid Column Sizing
jQuery Grid Row Sizing

Charts, Presentation etc.

jQuery Wizard Plugin
jQuery Chart Plugin
Bar Chart

Border, Corners, Background

jQuery Corner
jQuery Curvy Corner

Nifty jQuery Corner
Transparent Corners
jQuery Corner Gallery
Gradient Plugin

Text and Links

jQuery Spoiler plugin
Text Highlighting
Disable Text Select Plugin
jQuery Newsticker

Auto line-height Plugin
Textgrad - a text gradient plugin
LinkLook - a link thumbnail preview
pager jQuery Plugin
shortKeys jQuery Plugin
jQuery Biggerlink
jQuery Ajax Link Checker

Tooltips

jQuery Plugin - Tooltip

jTip - The jQuery Tool Tip
clueTip
BetterTip
Flash Tooltips using jQuery
ToolTip

Menus, Navigations

jQuery Tabs Plugin - awesome! [demo nested tabs]

another jQuery nested Tab Set example (based on jQuery Tabs Plugin)
jQuery idTabs
jdMenu - Hierarchical Menu Plugin for jQuery
jQuery SuckerFish Style
jQuery Plugin Treeview
treeView Basic
FastFind Menu
Sliding Menu
Lava Lamp jQuery Menu

jQuery iconDock
jVariations Control Panel
ContextMenu plugin
clickMenu
CSS Dock Menu
jQuery Pop-up Menu Tutorial
Sliding Menu

Accordions, Slide and Toggle stuff

jQuery Plugin Accordion

jQuery Accordion Plugin Horizontal Way
haccordion - a simple horizontal accordion plugin for jQuery
Horizontal Accordion by portalzine.de
HoverAccordion
Accordion Example from fmarcia.info
jQuery Accordion Example
jQuery Demo - Expandable Sidebar Menu
Sliding Panels for jQuery
jQuery ToggleElements

Coda Slider
jCarousel
Accesible News Slider Plugin
Showing and Hiding code Examples
jQuery Easing Plugin
jQuery Portlets
AutoScroll
Innerfade

Drag and Drop

UI/Draggables
EasyDrag jQuery Plugin
jQuery Portlets
jqDnR - drag, drop resize
Drag Demos

XML XSL JSON Feeds

XSLT Plugin
jQuery Ajax call and result XML parsing
xmlObjectifier - Converts XML DOM to JSON

jQuery XSL Transform
jQuery Taconite - multiple Dom updates
RSS/ATOM Feed Parser Plugin
jQuery Google Feed Plugin

Browserstuff

Wresize - IE Resize event Fix Plugin
jQuery ifixpng
jQuery pngFix
Link Scrubber - removes the dotted line onfocus from links

jQuery Perciformes - the entire suckerfish familly under one roof
Background Iframe
QinIE - for proper display of Q tags in IE
jQuery Accessibility Plugin
jQuery MouseWheel Plugin

Alert, Prompt, Confirm Windows

jQuery Impromptu
jQuery Confirm Plugin
jqModal

SimpleModal

CSS

jQuery Style Switcher
JSS - Javascript StyleSheets
jQuery Rule - creation/manipulation of CSS Rules
jPrintArea

DOM, Ajax and other jQuery plugins

FlyDOM

jQuery Dimenion Plugin
jQuery Loggin
Metadata - extract metadata from classes, attributes, elements
Super-tiny Client-Side Include Javascript jQuery Plugin
Undo Made Easy with Ajax
JHeartbeat - periodically poll the server
Lazy Load Plugin
Live Query
jQuery Timers

jQuery Share it - display social bookmarking icons
jQuery serverCookieJar
jQuery autoSave
jQuery Puffer
jQuery iFrame Plugin
Cookie Plugin for jQuery
jQuery Spy - awesome plugin
Effect Delay Trick

CacheFile centralise vos frameworks javascripts

0

Si vous naviguez sur des sites qui utilisent fréquemment des librairies javascript comme jQuery, prototype, dojo ou mootools, vous devez savoir que ces ressources vont pour chaque site se télécharger dans le cache de votre navigateur ; pour faire simple ; si vous avez visité 5 sites qui utilisent Dojo, vous aurez 5 copies différentes du même script.

L'idée de CacheFile.net est que ces frameworks javascript (appelés aussi bibliothèques ou librairies) seront de plus en plus utilisés par les webmasters pour leur site ; et que si chacun met une url commune pour les utiliser ; il n'y aura qu'une seule et unique ressource de téléchargée dans le cache de la machine de l'utilisateur. Jusqu'à ce qu'il efface le cache de sa machine, bien sûr.

Voici la liste des frameworks supportés :
# MochiKit
# aflax
# dojo
# ext
# jquery
# mootools
# prototype
# script.aculo.us
# yui

Concrètement ça se traduira dans votre code de la manière suivante :

Syndiquer le contenu