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
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
Many maps of the world, world regions, countries and cities are available for download from this site. All of them are made from the data in public domain or data licensed under the free licenses, so you can use them for any purpose without of charge.
Oui mais pas terrible je trouve, on va switcher sur leaflet + topojson je pense. Si il y a des courageux pour voir, tester l’appli mobile conseils aux voyageurs en la passant en mode offline
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 :)
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à :
Haha @seenthis, encore ce foutu favicon pourrite attribué par erreur à mon bloc note :p
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.
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.
►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.
Using media queries from code | Document Object Model (DOM) | MDN
▻https://developer.mozilla.org/en-US/docs/DOM/Using_media_queries_from_code?redirectlocale=en-US&redirectslug=C
Jouer avec les media queries depuis un script, par exemple :
var mq = window.matchMedia("(max-width: 640px)");
if (!mq.matches)
alert('prout');
Et comme d’habitude il faut un fix pour IE, le voici :
Une fourberie pour faire la même chose à coup de css + jQuery :
Rather than the measuring the screen width on resize of the window, I check for a css rule that is changed by the media query. This way, regardless of the how the browser treats the scrollbar, the media query will fire at the same time.
▻https://www.fourfront.us/blog/jquery-window-width-and-media-queries
Examples and documentation on grumble.js
►http://jamescryer.github.com/grumble.js
grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers.
Useful JavaScript Libraries and #jQuery Plugins | Smashing Coding
►http://coding.smashingmagazine.com/2012/09/23/useful-javascript-libraries-jquery-plugins-web-developers
Web Forms:
forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity
Web Typography:
repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height – scalable headlines (or smart headlines) – Lettering.js – Kerning.js
Little Time-Savers:
exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting – cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps – progress bar – favicon notifications (or Notificon)
Images, Maps, Graphs:
world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline – Retina display – magnifying glass – interactive graphs – plots – time visualization
C’est vrai qu’il y en a beaucoup, pour info tu as aussi ►http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm porté sur #SPIP par bibi avec le #plugin zoomer.
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/zoomer
@touti merci pour le lien, je l’avais aussi repéré mais il ne me convenait pas. Pour info il y a aussi le plugin #spip suivant : ►http://contrib.spip.net/Cloudzoom
J’ai porté mon #plugin « Sélection d’articles » pour #SPIP-3. J’en ai profité pour ajouter le classement des articles par glisser-déposer (vu qu’il y a #Jquery-UI) dans la nouvelle version de SPIP.
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/selection_d_articles
Si tu utilises mon plugin « Détails d’interface » qui modifie le graphisme de l’espace privé :
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/details_interface_3
Ça donne ça (ici pendant le glisser-déposer, c’est pour ça qu’on a un peu l’impression que c’est en vrac) :
►http://twitpic.com/amdut1/full
o-sam-o/jquery.select2Buttons · GitHub
►https://github.com/o-sam-o/jquery.select2Buttons
Select2Buttons is a jQuery plugin that provides an alternative to the standard html select. The plugin converts selects into a series of button like elements, and if used correctly can provide a better visual representation of the options available to a user.
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
►http://harvesthq.github.com/chosen
« Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors. »
Un script qui permet de faire comme les sélecteurs génériques de SPIP à partir d’un select.
jQuery RegEx Examples to use with .match() | jQuery4u
►http://www.jquery4u.com/syntax/jquery-basic-regex-selector-examples/
#jquery regexp
jQuery UI 1.9 Beta « jQuery UI Blog
►http://blog.jqueryui.com/2012/06/jquery-ui-1-9-beta
The first beta release for jQuery UI 1.9 is out ! After eight milestone releases, two hundred fixed tickets, 2,100 commits, and three brand-new widgets we’re looking forward to your feedback and the now close-by final release.
Quelques nouveaux modules dans la prochaine version de #jQueryUI :
Ouep @fil j’ai déjà repéré ton commentaire sur ce ticket de #spip : ►http://core.spip.org/issues/2330
Je pense m’y coller dès que j’ai un moment...
Ya les menus dans la prochaine version ? Yaaaah ! Faut voir si ya moyen de refaire le sélecteur par navigation avec le menu « iPod Style ».
@fil les notes peuvent être longues, tu peux pas les faire tenir dans un attribut « title » uniquement. Et si c’est pour print.css, il faut bien le contenu soit là quelque part, sinon ça oblige à faire un squelette séparé pour l’impression, et ce n’est plus trop comme ça qu’on fait.
Cela semble logique toutefois je peux imaginer des tas de cas, sur la base de sites que j’ai réalisé où on peut préférer afficher les notes après le #PS, les documents joints, le portfolio, les boutons de partage, etc.
Pourquoi ne pas proposer le comportement que tu proposes en filtre de la balise #TEXTE pour que le concepteur du site ait le choix ?
Handsontable - jQuery grid editor. Excel-like grid editing with HTML & JavaScript
►http://warpech.github.com/jquery-handsontable
Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery. Now with column and row headers!
Oh pinaise, faut pas que je montre ça à mon client. ^^
Ça fait un bail que je leur mange la tête en disant que l’appli web c’est pas Excel, et que s’il veulent du Excel , on peut faire un export (pas trop dur d’ailleurs : ►http://www.c-sharpcorner.com/UploadFile/kaushikborah28/79Nick08302007171404PM/79Nick.aspx).