Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #j
  • #jq
RSS: #jquery

#jquery

  • #jqueryui
  • #jquery-
  • #jquery_ui
  • #jquery_knob
  • #jquery_lazyload
  • #jquery_lint
  • #jquery_plugin
  • #jquery_picture
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 425
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 7/11/2019
    1
    @tofulm
    1

    Mottie/tablesorter : Github fork of Christian Bach’s tablesorter plugin + awesomeness ~
    ▻https://github.com/Mottie/tablesorter

    Un plugin JQuery concurent de datatable.
    A priori lui est totalement open-source/gratuit et sans business derrière.

    tablesorter (FORK) is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. This forked version adds lots of new enhancements including: alphanumeric sorting, pager callback functons, multiple widgets providing column styling, ui theme application, sticky headers, column filters and resizer, as well as extended documentation with a lot more demos.

    La doc : ▻https://mottie.github.io/tablesorter/docs/index.html
    Les (très nombreux) exemples : ▻https://mottie.github.io/tablesorter/docs/index.html#Examples

    #tablesorter #datatable #tableau #jquery

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @tofulm
    tofulm @tofulm 15/04/2019
    4
    @cy_altern
    @rastapopoulos
    @arno
    @aris
    4

    You-Dont-Need-jQuery/README-fr.md
    ▻https://github.com/nefe/You-Dont-Need-jQuery/blob/master/README-fr.md
    et
    ▻http://codeblog.cz/vanilla/#prerequisities

    tofulm @tofulm
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/04/2019

      #jquery #javascript #intégration #web #DOM

      RastaPopoulos @rastapopoulos CC BY-NC
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 20/05/2020

      Alternatives à l’utilisation de jQuery pour à peu près toutes les fonctionnalités de cette lib :
      – Sélecteurs
      – Style & CSS
      – Manipulation du DOM
      – Ajax
      – Évènements
      – Utilitaires
      – Animations

      Voir aussi : ►http://youmightnotneedjquery.com (▻https://seenthis.net/messages/226538)

      #jQuery #alternative #framework_javascript

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 7/03/2019

    nanoJS - Minimal standalone JS library for DOM manipulation
    ▻https://vladocar.github.io/nanoJS

    nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.
    Because is so small and simple you can add or remove methods directly in the library, meaning is very customizable. All methods are unrelated so removing one will not affect the library in any way (except each method).

    #javascript #jQuery #lib #DOM_manipulation

    • #DOM
    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @hackernoon
    Hacker Noon @hackernoon CC BY-SA 12/02/2019

    Top 5 Free #jquery Courses for Web Developers — Best of Lot
    ▻https://hackernoon.com/top-5-free-jquery-courses-for-web-developers-best-of-lot-9f65a1ff25b6?so

    https://cdn-images-1.medium.com/max/1024/1*4gfqUG6z6HtvQJnCztzckQ.png

    Top 5 Free jQuery Courses for Web Developers — Best of LotThe Complete jQuery Course: From Beginner To Advanced!Hello guys, if you are thinking to learn jQuery and looking for some awesome free resources e.g. books, tutorials, and online courses then you have come to the right place.In this article, I am going to share some of the best free jQuery courses from Udemy and Pluarlsight which you can take to learn this awesome #javascript library.In the past, I have also shared some free books and tutorials on jQuery, which complements these courses. You can also take a look at then while learning different parts of jQuery.Before I share these free courses, let me brief you about what jQuery is and why you should learn it? Well, jQuery is a JavaScript library but unlike any other library it is (...)

    #web-development #programming #front-end-development

    Hacker Noon @hackernoon CC BY-SA
    Écrire un commentaire

  • @touti
    touti @touti 3/12/2018
    4
    @spip
    @recriweb
    @gastlag
    @jacotte
    4

    Code JS , lien mené à l’ancre sinon à la page

    Au clic sur un lien possédant une ancre, teste si la cible de l’ancre existe bien dans la page avant de réécrire le lien en ancre simple. Le but est d’avoir une navigation par ancre très rapide mais avec une alternative en dur.

    <code>

    jQuery(document).ready(function(){
    $("a[href*=’#']").click(function() {
    var href = $(this).attr(’href’);
    anchor = href.split(’#')[1];
    var $myDiv = $(’#'+anchor);
    if ($myDiv.length) {
    $(this).attr(’href’, ’#'+anchor);
    }
    });
    });

    </code>
    <code>

    Et pour créer des #ancres sur des titres SPIP en retirant les accents et ajoutant des tirets inter mots, utilisez le filtre |url_nettoyer{200} sans oublier d’inclure la fonction reprise de SPIP (plugin dist urls_etendues)
    include_spip(’action/editer_url’) ;

    </code>
    Code touti

    #jQuery #anchors_html #SPIP

    touti @touti
    • @loiseau2nuit
      Loiseau2nuit @loiseau2nuit 3/12/2018

      >> utilisez le filtre |url_nettoyer{200} <<

      Rrooh punaize ! Je me souviens d’une nuit sur IRC où l’on cherchait le meilleur moyen de créer ce genre de filtre de nettoyage avec R3alET ^^

      Loiseau2nuit @loiseau2nuit
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 4/12/2018

      Merci pour ce code.

      J’avais utilisé la boucle URL pour ça :

      <code class="spip">
      <BOUCLE_scroll(RUBRIQUES){id_parent}{par num titre, titre}>
      <BOUCLE_url(https://seenthis.net/URLS){type=rubrique}{id_objet=#ID_RUBRIQUE}>
      [(#SET{url,#GET{url}|array_merge{#ARRAY{rub#ID_RUBRIQUE,#URL}}})]
      </BOUCLE_url>
      <li class="item"><a href="/tag/jquery#[(#GET{url}|table_valeur{rub#ID_RUBRIQUE})]">#TITRE< ;/a></li>
      </BOUCLE_scroll>
      </code>

      BOUCLE_scroll : on construit le menu à partir des sous rubriques.
      BOUCLE_url : pour chaque entrée du menu, on rentre son url (sans les + et le .html) dans un tableau (rub1 > url_de_la_rubrique_1... etc)

      Et pour générer l’ancre dans la page (dans une boucle RUBRIQUES) :

      <code class="spip">id="[(#GET{url}|table_valeur{rub#ID_RUBRIQUE})]"</code>

      jeanmarie @jeanmarie CC BY-NC-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 4/12/2018
      @seenthis

      @seenthis : les balises ne <code class="xxx"> ne fonctionnent pas dans les posts ?

      Et la BOUCLE_url fait un truc chelou : l’adresse du site apparait en lieu et place de URL.
      Voir la boucle originale : ▻http://spip.pastebin.fr/55209

      jeanmarie @jeanmarie CC BY-NC-SA
    • @touti
      touti @touti 4/12/2018
      @jeanmarie

      @jeanmarie le code que tu viens proposer ici est vraiment alambiqué !
      Il est tout de même plus simple de faire comme je l’indique

      [(#TITRE|url_nettoyer{200})]

      touti @touti
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 4/12/2018

      C’est surtout que je ne connaissais pas |url_nettoyer :)

      Par contre, quid de la permanence des ancres si le titre change ?
      C’était la raison pour laquelle j’étais parti sur URL...

      jeanmarie @jeanmarie CC BY-NC-SA
    • @touti
      touti @touti 4/12/2018

      Je ne comprends pas bien ton message, l’ancre et son lien sont toujours dépendants

      <div id="[(#TITRE|url_nettoyer{200})]" />
      <a href="[#(#TITRE|url_nettoyer{200})]">aller à l’ancre</a>

      touti @touti
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 4/12/2018

      Je pense aux liens envoyés par mail ou depuis d’autres sites par ex. Si on change le titre d’un article, l’ancre change et le lien n’amène plus à l’ancre.
      Bon, c’est pas bien méchant vu qu’il amène toujours sur la bonne page.

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 3/10/2018
    2
    @jeanmarie
    @suske
    2

    Getting Started | Select2 - The jQuery replacement for select boxes
    ▻https://select2.org

    une alternative jQuery à Chosen pour le remplacement des <select> et select multiples

    #chosen #select #formulaire #jquery

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 8/08/2018

    GitHub - alsacreations/pepin : Structure par défaut de plugin jQuery et plugins variés
    ▻https://github.com/alsacreations/pepin

    Pepin est un modèle (parmi tant d’autres) de plugin jQuery modulaire, accompagné de plugins pratiques (voir liste ci-dessous), propres et respectant la plupart des bonnes pratiques d’accessibilité, avec l’usage d’ARIA.

    Pour les plugins proposés : ▻https://github.com/alsacreations/pepin#plugins

    #jquery #plugin #modulaire #javascript #tabs #modalbox #slider #scroll #sticky #accordeon #toggle #autocomplete

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @hackernoon
    Hacker Noon @hackernoon CC BY-SA 16/06/2018

    Creating a Carousel Using Only Jade(Pug), #javascript, #jquery and #css
    ▻https://hackernoon.com/creating-a-carousel-using-only-jade-pug-javascript-jquery-and-css-b69576

    STEP 1: Create divs inside of your page that will contain the carousel elements.gallery .gallery-main .gallery-main-image img(src=”/images/gallery3.jpg”) .gallery-filmstrip a(href=””) img(src=”/images/gallery1.jpg”) a(href=””) img(src=”/images/gallery2.jpg”) a(href=””) img(src=”/images/gallery3.jpg”) a(href=””) img(src=”/images/gallery4.jpg”) a(href=””) img(src=”/images/gallery5.jpg”)STEP 2: Set the styles for all of the elements inside of your carousel:The Displayed Image Gallery:The div around the display for the selected image/set styles for the wrapper around the image that will be displayed on click/.gallery background-color: black;.gallery > .gallery-main position: relative; height: 400px; overflow: hidden;The div that contains the div that (...)

    #front-end-development #creating-a-carousel

    Hacker Noon @hackernoon CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 19/08/2017
    1
    @nicod_
    1

    Lodash
    ►https://lodash.com

    Une bibliothèque JavaScript pour manipuler des données en ajoutant des instructions natives :
    - pour des tableaux, objets, chaînes de texte
    - pour tester et manipuler des valeurs
    - pour créer des fonctions composites
    Au contraire de jQuery elle n’est pas prévue pour manipuler le DOM HTML mais de se concentrer sur les structures du langage.

    Voir aussi :
    - une présentation rapide en français : ▻https://www.alsacreations.com/outils/lire/1746-Lodash.html

    - la doc officielle : ▻https://lodash.com/docs

    #lodash #javascript #jquery

    cy_altern @cy_altern CC BY-SA
    • @nicod_
      nicod_ @nicod_ 19/08/2017

      Très très bien.
      On peut aussi n’en utiliser que des morceaux selon ses besoins, sans charger tout le core.
      Permet aussi de faire de la #programmation_fonctionnelle avec map, filter etc.

      nicod_ @nicod_
    Écrire un commentaire

  • @nicod_
    nicod_ @nicod_ 23/05/2017
    2
    @tofulm
    @fadixu
    2

    Featherlight – The ultra slim #jquery #lightbox.
    ▻http://noelboss.github.io/featherlight

    Featherlight is very, very lightweight. 400 lines of JavaScript, 100 of #css, less than 6kB combined.

    Une extension pour gérer les galeries : ▻http://noelboss.github.io/featherlight/gallery.html

    #mediabox #colorbox

    nicod_ @nicod_
    • @nicod_
      nicod_ @nicod_ 23/05/2017

      Repéré par placido qui l’a partagé sur IRC :)

      nicod_ @nicod_
    Écrire un commentaire

  • @fil
    Fil @fil 1/02/2017
    5
    @baroug
    @gastlag
    @nicod_
    @raphael
    @lluc
    5

    How to implement scrollytelling with six different libraries
    ▻https://pudding.cool/process/how-to-implement-scrollytelling

    https://pudding.cool/process/how-to-implement-scrollytelling/assets/scrollytelling.gif

    how to tackle a simple scroll-driven chart using six different libraries and share my thoughts on each implementation.

    (...)

    For highly customized stories you will want ScrollMagic or Waypoints.

    For the beginner you might want to check out ScrollStory, especially if you lean on #jQuery.

    For the #d3.js lover you should explore graph-scroll.js, but be ready to accept the defaults or be ready to tinker.

    #scroll

    Fil @fil
    • @cdb_77
      CDB_77 @cdb_77 1/02/2017
      @daphne @marty @albertocampiphoto

      cc @daphne @marty @albertocampiphoto

      CDB_77 @cdb_77
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 26/09/2016
    1
    @booz
    1

    Reframe.js

    ▻https://dollarshaveclub.github.io/reframe.js

    Reframe.js removes a specified element’s height & width attributes & then wraps that element in #responsive div that is an intrinsic ratio of the original element. This plugin is meant for embedded content like #iframes or #videos .

    #javscript #jquery

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @booz
    BoOz @booz 22/09/2016
    2
    @rastapopoulos
    @mukt
    2

    X-editable :: In-place editing with Twitter Bootstrap, #jQuery UI or pure jQuery
    ▻https://vitalets.github.io/x-editable

    X-editable

    In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery

    This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.

    #formulaires #javascript (via .Gilles)

    BoOz @booz
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 22/09/2016

      #développement #web #édition

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 15/06/2016
    2
    @rastapopoulos
    @mukt
    2

    Snapper: A CSS Snap Points Carousel
    ▻https://www.filamentgroup.com/lab/introducing-snapper.html

    Snapper is a lightweight script that’ll apply CSS and JS carefully to create a broadly-functional snap-points carousel. This script builds on a simple overflow container and native CSS snap points to make it better

    #carousel_snap_RWD_CSS_jQuery_Filament_Group_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/06/2016

      #carousel #snap #HTML #CSS #intégration #web #jquery #javascript #polyfill

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 3/06/2016
    9
    @severo
    @monolecte
    @james
    @ben
    @rastapopoulos
    @7h36
    @kent1
    @habbon
    @mad_meg
    9

    Et hop, une petite extension #seenthis_search pour #firefox :)

    ▻https://github.com/seenthis/firefox-seenthis-search

    C’est une adaptation rapide de l’extension pour del.icio.us que je pointais ici :

    ►http://seenthis.net/messages/253700#message362734

    En résumé, ça permet de rechercher rapidement dans une copie locale de vos posts seenthis.

    Pour l’instant on peut l’utiliser directement depuis les sources en suivant les explications du dépôt, reste à publier le bouzin sur addons.mozilla.org.

    https://framapic.org/GahtF5xnuvZX/aqRLB91gfGJK.png https://framapic.org/JRJZOLXioro2/W3jwo6KuRxv9.png

    /me super content

    b_b @b_b PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 6/06/2016

      C’est fini !

      Votre module a été envoyé dans la file des revues préliminaires.

      You’ll receive an email once it has been reviewed by an editor and signed. Once it has been signed you will be able to install it:

      ►https://addons.mozilla.org/fr/firefox/addon/seenthis-search

      b_b @b_b PUBLIC DOMAIN
    • @ben
      Ben @ben CC BY-NC 6/06/2016

      En attendant qu’elle soit validée par Firefox : about:config puis `` xpinstall.signatures.required à false ``

      Ben @ben CC BY-NC
    • @ben
      Ben @ben CC BY-NC 6/06/2016

      Pour paraphraser ce que fait l’extension : une fois installée, et que vous êtes connectés à seenthis ça va charger tous vos posts ( ceux que vous avez écrit et ceux que vous avez étoilés) ... et ensuite cela permet de rechercher RAPIDEMENT un truc (recherche dans le texte du seen ET dans les mots-clés )

      Ben @ben CC BY-NC
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 6/06/2016

      TOUS mes posts???

      Agnès Maillard @monolecte CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 6/06/2016
      @monolecte

      @monolecte oui (normalement) :)

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 6/06/2016

      Bon mince je l’ai lancé, ça charge… Ça va charger plusieurs mégas, plusieurs dizaines de mégas, plusieurs centaines de mégas ? Je ne me rends pas trop compte de la taille. Je vais devoir laisser tourner…

      Et si on éteint pendant que ça tourne, ça fait quoi ? Ça va recharger depuis zéro ensuite ? Et ça met à jour en rechargeant tout régulièrement ou juste en ajoutant les trucs nouveaux ? Et si des posts ont été modifiés ? Et ça charge les textes des commentaires aussi ou bien ça ne recherche que dans le texte du seen principal uniquement ? (parce que sur le site, le moteur cherche partout et notamment quand des tags ont été ajouté par des coms, ce qui arrive très très souvent)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 6/06/2016

      error : 500 : Internal Server Error : ►http://seenthis.net/?page=xml_export

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 6/06/2016
      @rastapopoulos

      @rastapopoulos

      Et si on éteint pendant que ça tourne, ça fait quoi ?

      Aucune idée :p

      Ça va recharger depuis zéro ensuite ?

      Oui je pense, et ça reprendra l’update de la base locale là on ça en était.

      Et ça met à jour en rechargeant tout régulièrement ou juste en ajoutant les trucs nouveaux ? Et si des posts ont été modifiés ?

      Ça recharge tout le xml à la demande, en cliquant sur sync, et ça maj la base locale. C’est améliorable, une mise à jour automatique pourrait être intéressante.

      Et ça charge les textes des commentaires aussi ou bien ça ne recherche que dans le texte du seen principal uniquement ? (parce que sur le site, le moteur cherche partout et notamment quand des tags ont été ajouté par des coms, ce qui arrive très très souvent)

      Ça charge que le premier message de chaque thread du dump xml, donc uniquement le « seen principal ».

      b_b @b_b PUBLIC DOMAIN
    • @touti
      touti @touti 7/06/2016
      @b_b

      bravo @b_b ! #seenthis_c_est_bon_mangez_en

      touti @touti
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 7/06/2016

      Comme dit dans mon message d’après, moi j’ai toujours erreur 500. Essayé 4 fois hier soir et 5 fois ce matin, toujours la même erreur. Je dois avoir trop de choses dans le même énorme flux et il arrive pas à le générer… :(

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 12/06/2016

      Pour info, la version 0.0.4 ne nécessite plus de redémarrage pour l’installation. Avec de la chance elle devrait être enfin validée (et signée) par l’équipe des personnes en charge de la relecture sur AMO, donc installable directement sans avoir à jouer avec about:config.

      Prochaine étape, basculer le code vers la nouvelle norme #webextensions ►https://developer.mozilla.org/en-US/Add-ons/WebExtensions qui permettrait de faire fonctionner le module sur d’autres navigateurs (chromium et opera par exemple).

      b_b @b_b PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 12/06/2016

      \o/

      Your add-on, seenthis search, 0.0.4, has been preliminarily reviewed and is now available for download in our gallery at ▻https://addons.mozilla.org/addon/seenthis-search

      b_b @b_b PUBLIC DOMAIN
    • @fil
      Fil @fil 12/06/2016
      @rastapopoulos

      et donc ça fait quoi ?
      “Finish !! loaded 0 bookmarks
      OK”

      EDIT : ah j’étais point connecté…
      là ça synchronise… et pomme- : lance l’interface

      EDIT2 : tout comme @rastapopoulos j’ai une erreur

      error : 500 : Internal Server Error :
      seenthis.net/ ?page=xml_export

      Fil @fil
    • @b_b
      b_b @b_b PUBLIC DOMAIN 12/06/2016
      @fil

      @fil le serveur doit pas être capable de générer votre dump...

      Si vous tentez d’accéder à l’url depuis votre nav, vous avez la même erreur ?

      b_b @b_b PUBLIC DOMAIN
    • @fil
      Fil @fil 12/06/2016

      Quand on regarde plugins/seenthis_squelettes/noisettes/afficher_me_xml.html on voit que pour chaque message on fait 4 appels SQL. Pas étonnant que pour une collection importante de messages ce soit pas gérable.
      L’export est à réécrire ou repenser entièrement.
      ▻https://github.com/seenthis/seenthis_squelettes/issues/160

      Fil @fil
    • @fil
      Fil @fil 12/06/2016

      à noter, l’extension envoie la requête en POST

      Fil @fil
    • @b_b
      b_b @b_b PUBLIC DOMAIN 10/07/2016
      @fil

      Et hop, la version 0.1.0 est disponible, les nouveautés sont les suivantes :

      – ré-écriture complète du code, le module utilise la nouvelle norme #webextension (et devrait donc fonctionner sour chromium et opera) cf ▻https://github.com/seenthis/firefox-seenthis-search/commit/0304b325f02659bd13b7eaead14d6aaf10611e06
      – le module utilise maintenant les librairies #listjs (cf ▻https://seenthis.net/messages/472006) #localForage et #jQuery
      – plus de requête en POST pour @fil ;)

      Quelques remarques :

      – on perd la possibilité d’utiliser les opérateurs AND, OR et NOT dans la recherche, mais ça devrait pouvoir être rétabli si ça semble nécessaire.
      – le raccourci clavier pour accéder à la page du module est maintenant « CTRL+SHIFT+B » (pas moyen d’utiliser l’ancien dans une webextension).
      – j’ai hésité à utiliser ▻http://dexie.org et ►http://lunrjs.com mais je garde l’idée dans un coin, cf mes prises de notes sur le wiki du projet ▻https://github.com/seenthis/firefox-seenthis-search/wiki
      – j’aurais plein de choses à dire sur les webextensions, mais je crois que ça fera l’objet d’un billet spécifique :p

      b_b @b_b PUBLIC DOMAIN
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 10/07/2016

      Ça peut marcher avec les très grosses collections ou pas ?

      Agnès Maillard @monolecte CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 10/07/2016
      @monolecte

      @monolecte pas de limitation du côté du module, par contre, comme l’ont déjà remarqué plusieurs personnes dans ce fil, l’export xml qui alimente le module semble demander trop de travail au serveur pour les gens qui postent/favorisent beaucoup. À tester donc :)

      b_b @b_b PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 16/11/2016
      @rastapopoulos

      @rastapopoulos est-ce que l’export fonctionne mieux pour toi avec cette url ?

      ▻https://seenthis.net/spip.php?page=xml_export&reponses=non

      Je viens d’ajouter cette option à seenthis cf ▻https://github.com/seenthis/seenthis_squelettes/pull/170 et l’extension firefox seenthis search l’utilisera à partir de la version 0.2.1 qui sera bientôt disponible sur ►https://addons.mozilla.org/fr/firefox/addon/seenthis-search

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 16/11/2016
      @b_b

      @b_b ça a demandé 2 à 3min complètes et ça a fait rendre le navigateur tout gris, mais ça a fini par générer et afficher le XML. Bon après ça ramait à mort et j’ai eu beaucoup de mal à fermer l’onglet, mais ça l’a bien généré.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 17/11/2016
      @rastapopoulos

      @rastapopoulos ferpecto tu devrais pouvoir tester la prochaine version du module firefox.

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @odilon
    odilon @odilon CC BY-NC-ND 9/04/2016
    8
    @fil
    @simplicissimus
    @7h36
    @supergeante
    @gastlag
    @reka
    @hassan_nya
    @goom
    8

    Two Thousand Years of Urban Growth
    ▻https://github.com/richiecarmichael/Esri-Urban-Growth

    Inspiration and data for this app was derived from Tertius Chandler’s 1987 book entitled Four Thousand Years of Urban Growth: An Historical Census. Chandler’s work was merged and updated with data from Esri and Wikipedia.

    Special thanks to Witold Frączek and Carol Sousa for geolocating, verifying and updating the city database.
    This application makes use of the following libraries:

    #ArcGIS API for JavaScript (beta) by Esri
    Esri’s JavaScript library for mapping and analysis.
    #D3.js by Mike Bostock
    D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.
    #jQuery by jQuery Foundataion Inc
    A JavaScript framework for DOM manipulation and a foundation for many other frameworks.

    https://github.com/richiecarmichael/Esri-Urban-Growth/raw/master/img/urban-large.gif

    #cartographie #urbanisation

    odilon @odilon CC BY-NC-ND
    • @reka
      Reka @reka CC BY-NC-SA 9/04/2016

      #urban_matter #edm_2016

      Reka @reka CC BY-NC-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 1/04/2016

    What’s New in #jquery 3 - Telerik Developer Network
    ▻http://developer.telerik.com/featured/whats-new-in-jquery-3

    Les nouveautés de jQuery #version 3

    #javascript #maj

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @bloginfo
    bloginfo @bloginfo CC BY-NC-ND 1/04/2016

    Contournement du blocage du #Journal_Le_Monde
    ▻http://www.dsfc.net/developpement/javascript/contournement-du-blocage-du-journal-le-monde

    http://www.puy-de-dome.gouv.fr/local/cache-vignettes/L280xH160/arton4401-679fe.gif

    Si, vraiment, vous voulez accéder aux contenus du journal Le Monde, installez #Greasemonkey sur Mozilla Firefox.

    #Javascript #Bloqueur_publicitaire #Bloqueurs_publicitaires #JQuery

    bloginfo @bloginfo CC BY-NC-ND
    Écrire un commentaire

  • @archiloque
    Archiloque @archiloque CC BY 24/03/2016

    Boiling React Down to a Few Lines in jQuery - Hackflow
    ▻http://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery

    • #DOM
    Archiloque @archiloque CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 24/03/2016

      #React #jQuery #javascript #développement #web #DOM

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 16/03/2016

    Literally #canvas — Literally Canvas v0.4.11 docs - HTML5 drawing board - MS Paint in your web browser
    ▻http://literallycanvas.com/index.html

    Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget. Its only dependency is React.js. You can use it to embed drawing boards in web pages. It’s kind of like an extensible MS Paint in JavaScript. Users can sketch drawings and you can do what you like with the results. It comes with an easy-to-use #jQuery plugin.

    #editeur #dessin #SVG #json #web-based

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 21/02/2016
    7
    @goom
    @fil
    @ze_dach
    @kent1
    @jeanmarie
    @mukt
    @rastapopoulos
    7

    GitHub - VPenkov/okayNav: The world’s okayest #responsive navigation
    ▻https://github.com/VPenkov/okayNav

    This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

    https://raw.githubusercontent.com/VPenkov/okayNav/master/demo.gif

    #menu #jquery

    • #Github
    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 21/02/2016
      @fil

      COOL.

      Mais ça ne gère pas les sous-menus par contre. Ça sera pas mal d’arriver à coupler ça à un autre plugin (ou CSS) qui gérerait les sous-menus de manière accessibles (avec nav par clavier aussi) et responsive.

      #intégration #web #HTML #CSS #javascript cc @fil

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 21/02/2016

      Ah bah ya même un ticket d’amélioration pour ça déjà :
      ▻https://github.com/VPenkov/okayNav/issues/4

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 12/01/2016
    2
    @fil
    @mukt
    2
    @fil

    FlexNav - A jQuery Plugin for Responsive Menus
    ▻http://jasonweaver.name/lab/flexiblenavigation

    Un menu responsive est pas trop mal accessible (en tout cas bien au clavier), qui s’adapte à l’écran, et qui marche aussi en tactile. Il est aussi sobre, sans styles envahissants, donc facile à personnaliser.
    via @fil

    #intégration #web #HTML #CSS #javascript #jquery #menu #navigation #responsive

    RastaPopoulos @rastapopoulos CC BY-NC
    • @fil
      Fil @fil 12/01/2016

      pas encore adopté : si vous trouvez mieux faites signe

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/01/2016

      par contre dans les options on peut pas désactiver complètement le hover, qui est une mauvaise pratique : rien ne doit s’ouvrir sans clics explicites, car bouger la souris c’est pas un choix

      bon après il sait utiliser hoverIntent, un autre plugin jquery, qui est moins pire, parce que ça attend avant de lancer l’action, histoire d’être sûr que la personne a vraiment mis la souris à tel endroit sans bouger exprès

      mais ça serait quand même mieux de pouvoir désactiver complètement, et qu’à la souris ça soit exactement comme en tactile : cliquer sur la flèche explicitement

      RastaPopoulos @rastapopoulos CC BY-NC
    • @fil
      Fil @fil 14/01/2016

      No Longer Maintained

      (que faire ?)

      Fil @fil
    • @fil
      Fil @fil 18/01/2016

      Ah tiens en voilà un super
      ▻http://www.cssscript.com/pure-css-mobile-compatible-responsive-dropdown-menu

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 18/01/2016

      Non,il est uniquement en CSS apparemment, et donc entre autre, il ne fonctionne pas au clavier. Que ce soit avec tabulation, ou avec Entrée+flèches, ya aucun moyen d’atteindre les sous-menus en clavier.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/02/2016
      @fil

      Ah peut-être qu’il y en a au moins un correct là @fil :
      ▻http://seenthis.net/messages/395433

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @erational
    erational @erational 10/01/2016
    9
    @spip
    @fil
    @monolecte
    @7h36
    @bystrano
    @supergeante
    @arno
    @vlentz
    @rjadot
    9

    #SPIP 3.1 dispo.

    Nous avons le plaisir de commencer l’année 2016 en lançant officiellement SPIP 3.1

    SPIP 3.1 est une version améliorée de SPIP 3.0, qui comprend une mise-à-jour des bibliothèques #JavaScript embarquées, un nouvel habillage graphique pour l’espace privé et les pages publiques et de nombreuses autres améliorations.

    SPIP 3.1 en bref

    – Ajout d’une fonction plein écran, vous permettant d’écrire et voir le résultat simultanément.
    – Mise à jour les librairies javascript dont #jQuery (passage à la version 1.11.3) et Jquery UI.
    – Mise à jour graphique du thème par défaut qui intègre la base minimale #CSS #TinyTypo (►http://tinytypo.tetue.net).
    – Mise à jour du thème graphique de l’espace privé.
    – Ajout du lecteur multimédia ►http://mediaelementjs.com par défaut pour la lecture des sons et vidéos.
    – Des statistiques améliorées.
    – Coté PHP, travail de normalisation, suppression de nombreux warnings et compatibilité accrue avec les dernières versions de #PHP, en particulier #PHP7.

    Lire le descriptif détaillé sur spip.net :
    ▻http://www.spip.net/fr_article5713.html

    Lire l’annonce complète sur le blog :
    ▻http://blog.spip.net/785

    erational @erational
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 2/11/2015
    1
    @denisb
    1

    #slicknav - #responsive Mobile #menu Plugin for #jquery
    ▻http://slicknav.com

    un menu «hamburger» responsive en jquery simple et configurable

    #barenav #javascript

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 16/09/2015

    goker / canvasResize
    ▻http://gokercebeci.com/dev/canvasresize

    jQuery canvasResize: is a plugin for client side #image resizing. Github: ▻https://github.com/gokercebeci/canvasResize

    #javascript #canvas #redimensionner #jquery

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 425

Thèmes liés

  • #jquery
  • #javascript
  • #plugin
  • #web
  • #responsive
  • #javascript
  • programminglanguage: javascript
  • #css
  • #webdev
  • #menu
  • #développement
  • technology: dom
  • technology: html
  • #html
  • #spip
  • #spip
  • #intégration
  • #web_design
  • #jquery
  • #canvas
  • #scroll
  • #titre
  • #navigation
  • technology: api
  • #formulaire
  • #videos
  • #image
  • #animation
  • #tutoriel
  • #librairie
  • #plugins
  • #wordpress
  • #firefox
  • #cartographie
  • #dom
  • programminglanguage: html
  • #json
  • #interface
  • #photo
  • #forms