#jquery

FitVids.JS - A lightweight, easy-to-use #jquery plugin for fluid width video embeds.
http://fitvidsjs.com

Un script qui utilise la technique suivante pour les embeds (qui devrait intéresser @kent1) : ‎ Koblentz entoure son #iframe d’un conteneur auquel il va donner une classe pour lui appliquer ensuite du CSS. Ce conteneur permet d’avoir un iframe fluid, même si les valeurs de largeur et hauteur sont données en pixels et en dur dans le HTML.

Repéré sur : http://www.alsacreations.com/article/lire/1559-#responsive-web-design-present-futur-adaptation-mobile.html

#embed #videos

jQuery Boilerplate
http://fr.jqueryboilerplate.com

aide à l’#écriture de #plugin #jQuery

50 Useful #jquery Plugins to Enhance your #forms - noupe
http://www.noupe.com/jquery/50-useful-jquery-plugins-to-enhance-your-forms.html

Tags : jquery forms

Une collection organisée et commentée de #plugins #jQuery :

►http://www.unheap.com

http://touchpunch.furf.com

Une petit librairie #javascript ’hack’ qui permet d’utiliser les composants de #jQuery UI sur un périphérique tactile (tablette, téléphone).

Je l’ai utilisée (en même temps que knockout.js, d’ailleurs) sur un projet responsive desktop / tablette, pour faire du drag and drop (oui, « ergonomiquement » c’était justifié... :) ). Hé bien, j’ai été agréablement surpris, avec un peu de paramètrage, ça n’a pas trop mal marché ! (j’avais quelque doutes au départ...).

http://jresponsive.is-great.net

#JQuery #JavaScript #responmachin

DataTables (table plug-in for jQuery)
http://datatables.net/index

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:

Variable length pagination
On-the-fly filtering
Multi-column sorting with data type detection
Smart handling of column widths
Display data from almost any data source
DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
Scrolling options for table viewport
Fully internationalisable
jQuery UI ThemeRoller support
Rock solid - backed by a suite of 2900 unit tests
Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more

#JQuery #JavaScript #data #datatable #tatata

ColorBox - a jQuery lightbox
http://www.jacklmoore.com/colorbox

la doc officielle de colorbox, la mediabox embarquée dans le plugin-dist media de SPIP

#spip #mediabox #colorbax #documentation #jquery #plugin

How Amazon.com’s excellent #javascript dropdown menu works - a lesson in #UI implementation : http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown - I wonder if someone will try to enforce a patent on the trick. #Amazon #HTML

nick-jonas/imageloader · GitHub
https://github.com/nick-jonas/imageloader

A jquery plugin for preloading images

#jquery #javascript

CodePen
http://codepen.io/tags

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing.

Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that. Want to find example of a particular design pattern for you project? CodePen is great for that.

#CSS #HTML #JQuery #JavaScript

jVectorMap
http://jvectormap.com

un ensemble de fonds de cartes sur lesquels il est possible d’afficher des données via une API en javascript
les fonds de carte sont en open-source

#carte #cartographie #javascript #web-based #outil

Fullscreen Gallery with Thumbnail Flip | Codrops
http://tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip

un portfolio photos en plein écran avec navigation à la roulette de souris

#ports-folios #slideshow #jquery #plugin #photo

60 Useful #jQuery Image #Slideshow and #Content_Slider
http://www.freshdesignweb.com/80jquery-image-slideshow-and-content-slider-tutorial.html

Zepto.js: the aerogel-weight #jQuery-compatible #JavaScript library
http://zeptojs.com

Dessiner des #arbres et des #graphes avec #jQuery

jsPlumb qui lie des trucs avec des ancres et des connecteurs :
►http://jsplumb.org/jquery/demo.html
http://jsplumb.org/doc/usage.html

JIT, une super librairie de #data-visualisation (#dataviz ?), qui fait entre autre des arbres :
http://thejit.org
et plus particulièrement la démo de l’arbre :
http://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.html
et son code :
http://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.code.html

Open Content & Design Comes to #jQuery
http://blog.jquery.com/2013/01/23/a-site-to-behold-open-content-design-comes-to-jquery-2

The link between #WordPress and the #static content repositories is a grunt build and deployment process that processes the content files and synchronizes them into a WordPress installation using XML-RPC. That means we don’t ever use the WordPress Administration pages; all authoring and editing just happens in your favorite text editor, then grunt does the hard work.

#git #cms

Redactor WYSIWYG html editor
http://imperavi.com/redactor

Redactor is the most fantastic yet beautiful and easy-to-use WYSIWYG editor on jQuery. It is lightning fast, small, scalable, and powerful.

You can easily make your web project much more attractive for your customers and visitors by implementing the Redactor as your default text-editor.

You can upload files and images using drag-n-drop, set up autosave, develop your own plugins and extensions.

Code Snippets | CSS-Tricks
http://css-tricks.com/snippets

plein de snippets dans les différents langages de dev web (CSS3, jQuery en particulier)

#css3 #truc #snippet #php #javascript #jquery #webdev

jCarousel - sorgalla.com
http://sorgalla.com/jcarousel

la doc du carrousel d’images utilisé par tourismedepeche

#carrousel #jquery #javascript #documentation #slider

sithmel/graphTable · GitHub
https://github.com/sithmel/graphTable

Un sous-plugin de #jQuery #Flot qui fabrique un graphique à partir d’une table #HTML, donc plus accessible à priori. Et plus facile à construire puisqu’on a pas besoin de connaître le JS pour le faire.

À faire : un plugin #SPIP pour l’intégrer encore plus facilement à partir de classes #CSS ajoutées aux tables : « graphtable columns » ou « graphtable rows », entre autre. Du coup il n’y aurait même plus besoin de l’appel non plus. Juste activer le plugin et mettre des classes sur certains tableaux.

#accessibilité #javascript

https://github.com/fnagel/jQuery-Accessible-RIA

a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on jQuery (using the UI Widget Factory). Currently a lightbox app, live form-validation, accessible tabs and sortable tables are ready to use. Released under MIT licence.

#jquery #javascript #a11y #table #accessibilité

mlens magnifying glass jQuery plugin by musings.it
http://mlens.musings.it

un autre plugin qui permet d’obtenir un effet de loupe sur une image (au cas où)

#jquery #plugin #images #zoom #photo

Home - Annotator - Annotating the #Web
►http://okfnlabs.org/annotator

http://okfnlabs.org/annotator/images/annotator.png

Une librairie #javascript pour #jquery, qui permet d’annoter n’importe quelle page web. On sélectionne un morceau de texte, on clique sur la bulle qui apparaît, et on ajoute un message. C’est c’est la fonctionnalité technique, après ça peut servir à plein d’usage différent.

Il existe ensuite des plugins supplémentaires pour ajouter aussi des tags, pour définir où ça doit s’enregistrer, pour utiliser #Markdown dans les textes, pour définir un système d’authentification externe pour avoir le droit d’annoter, etc.

Je ne sais pas encore à quoi ça pourrait me servir exactement avec #SPIP, mais c’est une idée à garder.

Jquery IndexedDB Plugin
http://nparashuram.com/jquery-indexeddb

#html5 #client #bdd #jquery