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
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 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...).
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
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
interesting comments on the fact that this was used in the 80s by Apple, then forgotten, then used at NeXT, then forgotten again when Apple Acquired NeXT, and so on. #jQuery_plugin
nick-jonas/imageloader · GitHub
https://github.com/nick-jonas/imageloader
A jquery plugin for preloading images
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
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
Zepto.js: the aerogel-weight #jQuery-compatible #JavaScript library
http://zeptojs.com
la fonction http://zeptojs.com/#$.camelCase a retenu mon intention pour #seenthis : elle serait intéressante pour les tags qu’on utilise ici, je ne sais pas sous quelle forme, afin que l’abonnement à un mot-clé ramasse au passage toute les forme d’écriture possible. Ex : domaine_public donne domainePublic pour qui les tags domaine-public et domainepublic correspondraient... ça ne répond pas à tous les cas de synonymie mais ça aiderait un peu.
Je sais pas si je suis clair :)
Un peu hors-propos, mais à propos quand même
https://en.wikipedia.org/wiki/Lemmatisation
#lemmatisation
http://lemmatizer.org
https://lucene.apache.org/core
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
+1 pour JIT, c’est ce que j’ai utilisé pour l’arbre des #taxinomes ici :
http://www.lestaxinomes.org/spip.php?page=arbre
J’avais fait une tite collecte de lien à ce sujet sur mon bloc note par là :
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.
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.
peut être, mais ce n’est pas intégrable dans un logiciel libre.
OEM license Integration with open-source CMS/software mais il faut les aligner
yep ! pour tester - https://github.com/dybskiy/redactor-js
@marcimat, c’est CC BY-NC, c’est pas libre ? C’est le « NC » qui est gênant ?
bah, j’avais pas vu CC BY-NC…
Je vu http://imperavi.com/redactor/download et http://imperavi.com/redactor/license . Je n’avais pas vu la licence précise. Cela dit, NC ça me semble assez flou, mais on ne vend pas le logiciel SPIP non plus par exemple. Si c’est ça le critère de NC. Leur licence OEM à 400$ indique « Integration with open-source CMS/software » (en plus de « Integration with any commercial CMS/software »). Ils ne disent pas « commercial open-source CMS » ici. Je sous-entends qu’ils incluent donc ici des logiciels libres non-commerciaux.
Pas clair : on peut et on ne peut pas
http://imperavi.com/redactor/faq/#ql4
Sinon, il y celui-là
http://jejacks0n.github.com/mercury
Sinon, en bricolant un peu markitup est vraiment maléable - http://markitup.jaysalvat.com/examples/markdown
j’ai déjà adapter un plugin pour l’intégrer dans les blazekiss que j’utilise http://xoofoo.svn.sourceforge.net/viewvc/xoofoo/blazekiss/trunk/vendor
Code Snippets | CSS-Tricks
http://css-tricks.com/snippets
plein de snippets dans les différents langages de dev web (CSS3, jQuery en particulier)
jCarousel - sorgalla.com
http://sorgalla.com/jcarousel
la doc du carrousel d’images utilisé par tourismedepeche
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.
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.
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
http://alvaroveliz.github.com/aSimpleTour/index.html
aSimpleTourPlugin is a jQuery plugin that will help you to make website tours.
If you want to know how it works press the button “start tour”
Pour prendre par la main les utilisateurs lors de la présentation d’un site par exemple.
http://tympanus.net/codrops/2012/10/01/vertical-showcase-slider-with-jquery-and-css-transitions
Y’a quelque chose de vraiment chouette dans ce slider, mais en même temps je trouve des éléments contres-intuitifs. Peut-être une bonne base de départ.