50 techniques AJAX populaires ; exemples, démonstration, guide
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
Tout sur le Rich Commerce. Diaporama publié par Fred Cavazza sur son site.
Un complément à firebug : TraceTool
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.

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

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
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
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'
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
- 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
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
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
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.
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
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 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
CSS
jQuery Style Switcher
JSS - Javascript StyleSheets
jQuery Rule - creation/manipulation of CSS Rules
jPrintArea
DOM, Ajax and other jQuery plugins
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
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 :



