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

 
  • #s
  • #slide
RSS: #slider

#slider

  • #slider_revolution
0 | 25
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 27/09/2021
    3
    @jeanmarie
    @monolecte
    @ericw
    3

    Web Vitals
    ▻https://web.dev/patterns/web-vitals-patterns

    Des modèles « optimisés Google » pour les composants fréquents des pages web (slider, image et vidéo, infinite scroll...)

    A propos de Web Vitals , le dernier avatar de Big brother pour imposer ses diktats sur l’architecture/référencement des sites web :

    Overview
    Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.
    Google has provided a number of tools over the years to measure and report on performance. Some developers are experts at using these tools, while others have found the abundance of both tools and metrics challenging to keep up with.
    Site owners should not have to be performance gurus in order to understand the quality of experience they are delivering to their users. The Web Vitals initiative aims to simplify the landscape, and help sites focus on the metrics that matter most, the Core Web Vitals.

    #web_vitals #slider #image_responsive #Infinite_scroll #google

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 27/09/2021

      #intégration #web #webperf

      RastaPopoulos @rastapopoulos CC BY-NC
    É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
  • @klaus
    klaus++ @klaus 12/04/2016
    1
    @02myseenthis01
    1

    Un plugin Wordpress défectueux aurait permis l’accès à la liste des clients de Fonseca
    ▻http://www.heise.de/tp/artikel/47/47921/1.html

    Panama Papers: Ein Plugin für Revolution | Telepolis
    ...
    Am 7. April berichtete das IT-Sicherheitsunternehmen #Wordfence in seinem Blog, dass Mossack Fonseca unsichere Software auf seiner Webseite benutzt. Wordfence hat mehrere Sicherheitslücken gefunden, vor allem in veralteten Versionen der Content-Management-Systeme Drupal und Wordpress sowie im Plugin #Slider_Revolution. „Wir glauben, dass der Hacker über Slider Revolution einen Zugang erhalten haben könnte“, sagt Mark Maunder von Wordfence.

    2014 erfuhren ThemePunch-Gründer von einer Sicherheitslücke in ihrem Plugin, die Local File Disclosure genannt wird. Sicherheitslücken funktionieren wie kleine Hintertürchen: Durch Fehler in Anwendungen oder Betriebssystemen kann man von einem Server oder einem Computer beliebige Dateien herunterladen. „Durch den Fehler im Slider Revolution konnte man auf Server zugreifen und dort Schadsoftware platzieren“, sagt Moritz Praetorius von ThemePunch.

    Zwar hat #ThemePunch den Fehler schnell behoben, jedoch aktualisieren viele Nutzer ihre Software nicht und die Webseiten bleiben weiterhin verwundbar. Deswegen ist die Lücke in den alten Versionen von Slider Revolution noch immer verbreitet. „Wir haben bei 30 Prozent der Wordfence-Kunden damit zu tun“, sagt Mark Maunder.

    Eine #Firewall kann solche Fremdzugriffe auf Webseiten vereiteln, doch Mossack Fonseca hat laut Wordfence keine benutzt.

    #panama_papers #sécurité #wordpress

    klaus++ @klaus
    • @reka
      Reka @reka CC BY-NC-SA 12/04/2016
      @fil @simplicissimus

      ah il faut demander à @fil ou à @simplicissimus de faire le lien avec une conversation en cours sur cette question, je ne sais plus où c’est.

      Reka @reka CC BY-NC-SA
    • @fil
      Fil @fil 12/04/2016

      ▻http://seenthis.net/messages/477413 mais là encore rien ne prouve qu’il y ait un lien entre un site mal sécurisé et les terabytes fuités

      Fil @fil
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 1/10/2014
    13
    @kent1
    @fil
    @homlett
    @rastapopoulos
    @7h36
    @denisb
    @booz
    @goom
    @cy_altern
    @nhoizey
    13

    slick - the last carousel you’ll ever need
    ►http://kenwheeler.github.io/slick

    Fully responsive. Scales with its container. Separate settings per breakpoint. Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging. Infinite looping. Fully accessible with arrow key navigation. Add, remove, filter & unfilter slides. Autoplay, dots, arrows, callbacks, etc...

    Peut être utile si jamais quelqu’un vous demande toujours un #slider...

    #jquery #plugin

    b_b @b_b PUBLIC DOMAIN
    • @kent1
      kent1 @kent1 ART LIBRE 1/10/2014

      #alacart

      kent1 @kent1 ART LIBRE
    • @0gust1
      0gust1 @0gust1 CC BY-NC 22/06/2015
      @tetue

      +1 pour Romain Gervois, pour l’avoir croisé quelques fois (la dernière fois, avec @tetue :) ), c’est vraiment quelqu’un de dédié au domaine de l’accessibilité. À voir, bien sûr selon le périmètre et les besoins de votre projet.

      (post peu utile, je n’ai essayé aucune des solutions listées ici, ça m’a juste fait plaisir d’entendre parler de Romain :D ).

      0gust1 @0gust1 CC BY-NC
    • @fil
      Fil @fil 6/07/2016

      un article (pas lu) sur la question
      ▻https://www.smashingmagazine.com/2016/07/ten-requirements-for-making-home-page-carousels-work-for-end-users

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 6/07/2016

      (If you don’t have the resources to implement all 10 requirements, then our recommendation would align with that of most others: Don’t use a home page carousel, but rather use the alternative design suggested at the end.)

      Fil tu peux l’ajouter comme ressource ici aussi :
      ▻https://seenthis.net/messages/175747

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 29/06/2021

      A highly accessible, WCAG 2.0 / 2.1 compliant, drop-in replacement for Slick Slider (1.8.1) crafted and tested by expert users and professional accessibility consultants, intended to make life easier for real-world dev teams who need to pass accessibility audits.

      ▻https://accessible360.github.io/accessible-slick

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @bloginfo
    bloginfo @bloginfo CC BY-NC-ND 2/05/2014

    Un #Slider de posts pour #WordPress !
    ▻http://www.dsfc.net/logiciel-libre/wordpress-logiciel-libre/slider-posts-wordpress

    http://www.dsfc.net/dsfc.jpg

    Même s’elle a le défaut de ne pas être suffisamment responsive, l’extension #Smooth_Slider permet de faire des carousels à partir des articles de #Wordpress. Dsfc

    #Carousel

    bloginfo @bloginfo CC BY-NC-ND
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 28/03/2014

    Manif de nuit non-mixte femmes, meufs, gouines, trans...
    ▻http://www.alsacelibertaire.net/spip/spip.php?article185

    Appel pour une marche nocturne des femmes, meufs, gouines, trans et toutes les autres ! Parce que la rue la nuit nous appartient aussi et qu’on en a marre d’être des proies potentielles. Parce qu’on veut être ensemble à un moment et dans un lieu dont on nous exclut et dont on s’exclut : retrouvons-nous pour une marche nocturne. Un collectif féministe (les Poupées en pantalon) avait déjà organisé il y a 3 ans une telle marche. Elle a suscité beaucoup de réactions violentes qui mettent en lumière (...)

    #Rendez-vous

    / #Féminisme, Non-mixité, #slider

    #Non-mixité

    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @uston
    Uston @uston 24/03/2014
    1
    @reka
    1

    Gaz : plan d’action de l’UE pour réduire sa dépendance face à la Russie … mission impossible ? - Le Blog Finance
    ▻http://www.leblogfinance.com/2014/03/gaz-plan-daction-de-lue-pour-reduire-sa-dependance-face-a-la-russie-m

    http://www.leblogfinance.com/files/2014/03/south-stream-gazprom-300x158.jpg

    Voeu pieu, rêve, utopie, beau discours ou réelle volonté ? Alors que selon des statistiques publiées mardi, la part du gaz russe dans la consommation des 28 pays de l’Union européenne a atteint 27% en 2013 – contre 23% en 2012 – le président du Conseil européen, Herman Van Rompuy, a annoncé vendredi que l’Union européenne allait élaborer pour le mois de juin un plan d’action destiné à réduire sa dépendance énergétique, en particulier vis-à-vis de la Russie.

    Reste que cette volonté est affichée d’ores et déjà depuis de nombreux mois, sans réellement se concrétiser bien au contraire, puisque les nouveaux chiffres publiés récemment démontrent que la Russie demeure bel et bien le premier fournisseur énergétique de l’Union européenne.

    Quoiqu’il en soit, M. Van Rompuy a indiqué que les dirigeants de l’UE avaient demandé à la Commission européenne un plan d’action concret pour le mois de juin. Soulignant par ailleurs qu’il fallait accélérer pour réduire la dépendance, particulièrement à l’égard de la Russie. Mais le point crucial demeure de définir les différentes stratégies et les différents scénarios possibles.

    Le président du Conseil européen a tenu par ailleurs à souligner qu’en l’absence de réaction de l’UE, sa dépendance vis à vis de l’extérieur atteindra 80% d’ici 2035 pour sa consommation de gaz et de pétrole.

    « 64 ans après la création de la Communauté du Charbon et de l’Acier, nous devons évoluer vers une Union de l’énergie », a par ailleurs insisté M. Van Rompuy.

    Parmi les solutions possibles envisagées par le Président du Conseil européen figurent la réduction de la consommation, la diversification des sources, le développement des renouvelables ainsi qu’une amélioration des interconnexions en Europe, chose réclamée notamment par l’Espagne et le Portugal. M. Van Rompuy a également évoqué d’éventuels achats de gaz de schiste américain. Comme quoi, la crise ukrainienne est loin de n’avoir que des désavantages pour les Etats-Unis et ses majors pétrolières …

    Certes, pour la troisième année de suite, la consommation de gaz de l’UE a reculé en 2013, selon l’étude d’Eurogas, qui regroupe des acteurs gaziers européens, baissant de 1,4% à 462 milliards de mètres cubes, après des baisses de 10% et 2% en 2011 et 2012. La baisse de la consommation européenne résulterait avant tout de la baisse de la demande des centrales électriques fonctionnant au gaz, d’un climat économique encore médiocre.

    Mais, parallèlement, la production de gaz sur le territoire de l’Union européenne (principalement en mer du Nord) a baissé quant à elle de 1% à 156 milliards de mètres cubes. Elle demeure néanmoins la première source d’approvisionnements, représentant 33% de la consommation de l’UE.

    Si la Russie a augmenté sa part, tel est le cas également de la Norvège, avec 23% contre 22% en 2012. L’Algérie, qui constitue le troisième fournisseur, a vu sa part baisser de 9 à 8%.

    La part du Qatar n’a représenté que 4 % en 2013 contre 6% en 2012. Une baisse qui semble liée au mode d’acheminement retenu par les entreprises qataries, lesquelles privilégient le transport du gaz sous sa forme liquéfiée (GNL). Solution qui au final semble plus rémunératrice vers des marchés asiatiques.....

    #Algérie
    #Bulgarie
    #Commission-européenne
    #gazgazoduc
    #pipeline
    #Russies
    #slider
    #South-Stream
    #Turquie
    #UE
    #Ukraine
    #Van-Rompuy

    • #Russie
    • #L’Union européenne
    • #Herman Van Rompuy
    Uston @uston
    Écrire un commentaire
  • @uston
    Uston @uston 10/03/2014
    3
    @reka
    @odilon
    @02myseenthis01
    3

    La crise en Ukraine provoque une flambée des prix de maïs, blé et soja US - Le Blog Finance
    ▻http://www.leblogfinance.com/2014/03/la-crise-en-ukraine-provoque-une-flambee-des-prix-de-mais-ble-et-soja

    http://www.leblogfinance.com/files/2014/03/world-export-grain-wheal-ukraine-usa-300x196.jpg

    Décidément le destin ne s’y est pas trompé en marquant plus particulièrement l’Ukraine ces jours derniers. Si le pays constitue un élément stratégique crucial sur le plan du transit gazier de la Russie vers l’Union européenne, il n’en demeure pas moins le grenier de l’Europe.
    Les violentes tensions qui frappent aujourd’hui le pays pourront donc faire flamber les cours des matières premières agricoles et des denrées alimentaires, en suivant. A la plus grande joie des spéculateurs et de ceux sachant tirer partie d’éventuelles émeutes de la faim ? voire même susceptibles de les provoquer ? Qui sait …

    En tout état de cause, les cours du maïs, du blé et du soja se sont envolés cette semaine à Chicago à des niveaux plus enregistrés depuis plusieurs mois. Rappelons en effet que l’Ukraine est le troisième exportateur mondial de maïs, le sixième de blé et le premier exportateur mondial de graines de tournesol (alternatif au soja pour la production d’huile).
    Compte-tenu des tensions très vives entre Moscou et Kiev, sur fond notamment de rivalités territoriales en Crimée, les investisseurs redoutent qu’un conflit armé sur le terrain ne perturbe les exportations ukrainiennes et russes, ces dernières transitant via la mer Noire.

    Si l’Ukraine assure certes que les cargaisons demeurent acheminées à l’heure actuelle, et qu’aucune information contraire ne circule, les acheteurs de denrées agricoles préfèrent se tourner vers des sources d’approvisionnements plus sûres … telles que celles en provenance des Etats-Unis. Contexte de nature à faire flamber les prix à Chicago
    .Le rapport hebdomadaire sur les exportations américains publié jeudi a d’ores et déjà fait état de ventes à destination de l’étranger bien plus élevées que prévu la semaine dernière, tant pour le maïs, que pour le blé ou le soja.
    Autre élément jouant en faveur d’une hausse des prix : des inquiétudes concernant la récolte du blé d’hiver outre-Atlantique. Après un hiver d’une rigueur exceptionnelle et des conditions trop sèches, les autorités ont ainsi annoncé lundi que la qualité du blé s’était détériorée en février dans le Kansas, le Nebraska, le Texas, l’Oklahoma et l’Illinois, des Etats au coeur de la zone de production de blé américain.

    En ce qui concerne plus particulièrement les marchés du maïs et du soja, les investisseurs demeurent partagés. Si plusieurs cabinets ont abaissé leurs estimations de production pour le Brésil, les pluies tombées en Argentine en février dernier semblent avoir eu un effet positif sur le niveau de récolte d’oléagineux.
    Mais au final, les marchés pourraient considérer que les pertes concernant le Brésil soient supérieurs aux gains à venir en Argentine.

    Le rapport mensuel du ministère américain de l’Agriculture (USDA) sur l’offre et la demande mondiales de produits agricoles – qui sera publié lundi – pourrait faire état d’une révision de ses estimations pour soja et maïs d’Amérique du Sud, ses prévisions d’exportations américaines pouvant parallèlement être revues à la hausse, compte-tenu de la situation en Ukraine.

    Au final, vendredi, le boisseau de maïs pour livraison en mai, évoluait à la mi-séance à 4,9025 dollars contre 4,6350 dollars en fin de semaine dernière. Un niveau s’approchant des plus hauts de début septembre 2013.
    Parallèlement, le boisseau de blé pour la même échéance s’échangeait à 6,5300 dollars contre 6,0225 dollars sept jours plus tôt, au plus haut depuis début décembre.

    Le boisseau de soja pour livraison en mai s’échangeant quant à lui à 14,4676 dollars contre 14,1400 dollars, un tel niveau n’ayant plus été vu depuis le début de juillet 2013.

    #blé
    #maïs
    #marché-agricole
    #Russie
    #slider
    #soja
    #Ukraine
    #USDA

    #RussieslidersojaUkraineUSDA

    • #Chicago
    • #Europe
    • #Russie
    • #Ukraine
    • #L’Union européenne
    Uston @uston
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 30/12/2013

    Projection-débat au Molodoï autour du film « Dentro » avec les réalisateurs
    ▻http://www.alsacelibertaire.net/spip/spip.php?article172

    Dedans (2001) nous montre l’intérieur d’une prison de haute sécurité au Portugal, où les prisonniers montent la pièce Orestie d’Eschyle. Ce film nous propose un regard sur l’enfermement, le quotidien et la vie des détenus : quels rôles jouent-ils comme acteurs dans une prison, et comme prisonniers dans la société ? En présence des réalisateurs qui ont créé la boîte de production Hélastre, où les films se font sans fric et sans frime envers et contre tout. Ils viendront partager cette soirée avec nous. (...)

    #Rendez-vous

    / #slider

    • #Portugal
    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @soon7
    soon7 @soon7 28/11/2013

    Mighty #slider : un slider payant mais qui mérite le détour
    ▻http://www.soon7.com/e-marketing/mighty-slider-un-slider-payant-mais-qui-merite-le-detour

    Je n’ai pas pour habitude de parler des éléments #premium (payant) qu’on trouve sur le net, mais ce slider m’a tout simplement scotché. MightySlider est un plugin jquery premium (c’est à dire payant) disposant de tout ce dont vous avez besoin pour avoir un slider phénoménal sur votre site. Il fonctionne très bien en mode […]

    #Dév_&_Code #E-marketing #js #responsive

    soon7 @soon7
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 28/11/2013

    Strasbourg, Esplanade : Projection « Ne vivons plus comme des esclaves » de Yannis Youlountas
    ▻http://www.alsacelibertaire.net/spip/spip.php?article162

    Exemples de résistances face à la crise imposée par le capitalisme, à propager maintenant, ici, partout. Venu des catacombes grecques de l’Europe, un murmure traverse le continent dévasté : « Ne vivons plus comme des esclaves » (prononcer « Na mi zisoumé san douli » en grec). Sur les murs des villes et sur les rochers des campagnes, sur les panneaux publicitaires vides ou détournés, dans les journaux alternatifs et sur les radios rebelles, dans les lieux d’occupation et d’autogestion qui se (...)

    #Rendez-vous

    / #Film, #Grèce, #slider

    • #Strasbourg
    • #Europe
    • #Yannis Youlountas
    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @soon7
    soon7 @soon7 15/11/2013

    Glide.js : un #slider léger, responsive et touch-friendly !
    ▻http://www.soon7.com/developpements/glide-js-un-slider-leger-responsive-et-touch-friendly

    Glide.js est un petit slider très sympathique, jugez-par vous même : - Léger : environ 4,5 Kb compressé - Transition #css3 ultra rapides (avec fallback en #javascript pour les anciens navigateurs) - Responsive - fonctionne sur tablettes et smartphones - API avec callbacks - Gère les événements Swipe - Flèches et bulles de navigation - […]

    #Dév_&_Code

    soon7 @soon7
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 15/11/2013
    1
    @mukt
    1
    @notabene @nhoizey

    On lit sur le web que deux seenthisiens ici présents, @notabene et @nhoizey, aurait développé un carrousel à la fois #responsive et accessible. Tout en « em » et utilisable au clavier.

    Est-il ou sera-t-il un jour quelque part à télécharger en licence libre ?

    #accessibilité #carrousel #intégration #design #conception #html #css #javascript #slider

    • #Paris
    RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 15/11/2013

      Il se murmure que les intéressés pourraient demander à leur client l’autorisation de publier une version générique de ce code… ;-)

      Par contre, ça ne serait sans doute pas immédiat, le site concerné n’étant pas encore en ligne.

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 16/11/2013

      Yeah, super, c’est déjà un bon début. :)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @notabene
      Stéphane Deschamps @notabene CC BY-NC-SA 18/11/2013

      Je dis tout comme l’autre intéressé : ce qui est cool c’est que c’est un client public, donc y’a moyen ouais.

      Faudrait qu’on vous raconte les différentes approches par contre, parce que par exemple @goetsu n’aborde pas du tout les carrousels comme on l’a fait sur le cas dont auquel qu’on s’occupe.

      Je dirais que sur le fond il a sans doute plus raison que moi parce que je le porte en haute estime. Voir le travail sur les carrousels de ▻http://elysee.fr par exemple.

      (On en causait lors de l’atelier Paris Web que j’ai bordélisé comme un gros sauvage à la demande dudit @goetsu) :)

      PS : Faudra que je pense à dire à ▻http://twitter.com/goetsu d’ouvrir un compte Seenthis, quand même.

      Stéphane Deschamps @notabene CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 18/11/2013

      ♥ Yes I, kiss, share, love, yo ! ♥

      RastaPopoulos @rastapopoulos CC BY-NC
    • @fil
      Fil @fil 1/05/2014

      alors ?

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 5/08/2014

      Sharing the love ?

      RastaPopoulos @rastapopoulos CC BY-NC
    • @notabene
      Stéphane Deschamps @notabene CC BY-NC-SA 11/08/2014
      @rastapopoulos

      @rastapopoulos pas eu l’occasion de formaliser avec le client, mais les sources sont visibles ici : ▻http://www.aquitaine.fr

      (on share un peu, quoi) :)

      Stéphane Deschamps @notabene CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 1/10/2014

      Celui-là a l’air pas mal aussi, responsive, accessible au clavier, etc.
      ▻http://seenthis.net/messages/297966

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 25/09/2013
    3
    @rastapopoulos
    @sombre
    @loutre
    3

    La Galaxie Dieudonné - Conférence/Débat au Molodoï
    ▻http://www.alsacelibertaire.net/spip/spip.php?article147

    Depuis ses premiers « dérapages » il y a près de dix ans, Dieudonné a rassemblé autour de lui des soutiens hétéroclites. « Sept familles » gravitent autour de celui qui se présente comme le « trublion de la politique ». D’abord constituée le temps d’un scandale ou d’une élection, la nébuleuse participe ensuite d’un projet plus large et ambitieux. Un nouveau cycle historique de l’extrême droite semble se cristalliser. Réseaux, contacts, convergences et parcours des diverses composantes de la « galaxie (...) (...)

    #Rendez-vous #Antifa #Dieudonné #slider

    • #Dieudonné
    l’Alsace Libertaire @alsace CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/11/2013

      Les commentaires disent que cette émission de #radio contient à peu près le même contenu que la #conférence :
      ▻https://www.youtube.com/watch?v=8926ps0j50g

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 16/09/2013
    10
    @kent1
    @b_b
    @vlentz
    @0gust1
    @cy_altern
    @touti
    @fil
    @mukt
    @jeanmarie
    10

    Le #carrousel (ou #slider) dans un site #web, c’est souvent mal. Un article tout de même pour améliorer sa #performance.

    Slider et WebPerformance
    ▻http://blog.nursit.net/Slider-et-WebPerformance.html

    Les sliders (ou carrousels) constituent un élément d’interface assez critiquable, et plusieurs études tendent à montrer qu’ils sont mentalement filtrés par les utilisateurs au même titre que la #publicité.

    Cependant, un usage défendable est le #diaporama d’image, qui à un but illustratif plutôt que de mise en avant du contenu. Mais lorsqu’on utilise un slider dans ce but, il faut faire attention au temps de chargement de la page qui peut vite se dégrader !

    Pour aller plus loin, je compile dans le même message quelques liens autour des tests d’#ergonomie et d’#utilisabilité de ces carrousels.

    Un article de l’ergonome #Jakob-Nielsen ▻http://fr.wikipedia.org/wiki/Jakob_Nielsen de janvier 2013 :
    Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility
    ▻http://www.nngroup.com/articles/auto-forwarding

    Summary: The user’s target was at the top of the page in 98-point font. But she failed to find it because the panel auto-rotated instead of staying still.

    Don’t Use Automatic Image Sliders or Carousels, Ignore the Fad
    ▻http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad

    - Reason 1: Human eye reacts to movement (and will miss the important stuff)
    – Reason 2: Too many messages equals no message
    – Reason 3: Banner blindness

    Une discussion entre experts d’ergonomie avec des retours d’expérience de vrais tests utilisateurs (pas juste du « je pense que » quoi), ainsi que des liens vers d’autres sources aussi :
    Are carrousels effective ?
    ▻http://ux.stackexchange.com/questions/10312/are-carousels-effective

    Almost all of the testing I’ve managed has proven content delivered via carousels to be missed by users. Few interact with them and many comment that they look like adverts and so we’ve witnessed the banner blindness concept in full effect.

    En français, février 2013 :
    Abandonnez les carrousels car ils ne fonctionnent pas
    ►http://www.simpleweb.fr/2013/02/20/abandonnez-les-carrousels-car-ils-ne-fonctionnent-pas

    Ce qu’il faut retenir de ces différents écrits et discussions est que des blocs de promotion ou de mise en avant statiques sont bien plus efficaces qu’un carrousel. Il va donc falloir vous armer de courage pour convaincre vos collègues d’abandonner cette “norme”, au même titre que la règle des 3 clics. Pour se faire, le meilleur moyen est de vous appuyer sur des statistiques : placez un marqueur sur le carrousel suffira à démontrer un taux de clic très faible.

    #développement #UX #conception

    RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/12/2013

      Nouvelle ressource sur le sujet :
      ▻http://shouldiuseacarousel.com

      Et l’interview associée :
      ▻http://www.creativebloq.com/accessibility-expert-warns-stop-using-carousels-7133778

      J’admets que les carrousels fonctionnent très bien pour trouver un contenu dont vous savez déjà qu’il est dans le carrousel [ndt : autrement dit, pour celui qui a fait le site], mais ils sont beaucoup moins efficaces pour les utilisateurs finaux qui découvrent du contenu qu’ils ne connaissent pas. Sans tests sur les utilisateurs finaux, il est facile de négliger les problèmes que vos carrousels vont provoquer.

      Il ne faut donc surtout pas les utiliser pour le fun, juste pour mettre des trucs qui bougent sur une page d’accueil. Les seuls qui peuvent les utiliser seraient ceux qui auraient fait des tests utilisateurs sur les cibles du site où on veut en mettre. Ce qui est rarement le cas.

      Éradiquer les carrousels nous forcera à prendre de meilleures décisions sur le contenu et la conception : quel est le contenu le plus important et comment vais-je le présenter d’une manière signifiante, simple, et accessible ?

      Cette phrase est vraiment importante, à mon avis.
      Signifiante, simple, et accessible.

      #accessibilité #utilisabilité #simplicité

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 13/02/2014

      Une autre ressource, mettant l’accent sur les faits, avec un test A/B additionné à un #eye-tracking, c’est bien fichu :
      ▻http://www.conversionista.se/okar-bildspel-pa-forstasidan-din-konverteringsgrad

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 4/03/2014

      Traduction en français du « shouldiuseacarousel » :
      ▻http://www.doisjeutiliser.fr/unCarrousel

      Avec en prime d’autres #antipatterns (#anti-patrons) quand on remonte à l’accueil.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @touti
      vide @touti 1/05/2014
      @fil

      ►http://blog.velir.com/index.php/2014/04/18/why-you-shouldnt-use-a-carousel-to-feature-content
      hop, via @fil sur irc

      vide @touti
    • @fil
      Fil @fil 1/05/2014
      @touti

      Ah oui @touti et les arguments principaux de ce blog
      ►http://blog.velir.com/index.php/2014/04/18/why-you-shouldnt-use-a-carousel-to-feature-content

      – Carousel clickthrough rates are terrible for every slide except the very first one

      – Most carousels don’t indicate what’s on subsequent (or previous) slides

      – Carousels that auto-rotate rarely do so at an appropriate speed

      – Carousels compromise information retention

      Fil @fil
    • @fil
      Fil @fil 6/07/2016

      autre argumentaire et bonnes pratiques cf. ▻https://seenthis.net/messages/297966#message507068

      Fil @fil
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 14/09/2013

    Molodoï, 24/09 : exposé sur les luttes actuelles en #Chine
    ▻http://www.alsacelibertaire.net/spip/spip.php?article146

    R. vit en Chine. Il viendra nous parler de la situation actuelle là-bas : Analyse socio-économique, topo sur les luttes ouvrières enragées, aperçu des millieux alternatifs et militants, anecdotes croustillantes… Après ça, on pourra parler de révoltes ici et là, de nos vécus et de nos attentes, de frontières et de chauvinismes, de la mondialisation de l’économie et pourquoi pas de la possible mondialisation des luttes, et pis aussi surtout de ce dont vous aurez (...)

    #Rendez-vous

    / #slider, (...)

    • #Chine
    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 28/08/2013

    Journées d‘actions du 19 au 22 Septembre 2013 à #Freiburg.
    ▻http://www.alsacelibertaire.net/spip/spip.php?article142

    Contre la politique d’expulsion et pour plus de #Wagenplätze* ! *Place de vie collective dans des camions Freiburg a besoin d‘une nouvelle Wagenplatz, ce besoin se fait chaque jour un peu plus sentir, et le temps est arrivé de passer à l’offensive en faisant renaitre le mouvement dans le monde des baraques à roulettes. Nous vous appelons de ce fait à vous joinder à notre lutte, et à vous faire sur la route de Journées d’action à Freiburg (19-22.09.2013). Depuis l’expulsion spectaculaire du collectif (...)

    #Rendez-vous #Autonomie #Solidarité #slider
    ▻http://sandimgetriebe.noblogs.org

    • #Freiburg
    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 26/08/2013

    Bonnet : le (petit) festival contre la (grosse) poubelle nucléaire de #Bure
    ▻http://www.alsacelibertaire.net/spip/spip.php?article140

    Du 30 août au 1er septembre à Bonnet (Meuse) avec de l’info, des spectacles, du bon son, des discussions, et plein d’experts en blouses blanches ! bref, de quoi nourrir le débat, mais pas dans les sales salles financées par l’Andra, ni avec la CNDP aux manettes ( Commission de l’e-Nacceptable Dialogue avec les Pourris)… … et évidemment de quoi s’organiser pour agir, sur tous les fronts et de toutes les façons : ateliers, assemblées et rencontres ! Attention ! N’oubliez pas vos tentes, le dortoir de (...)

    #Rendez-vous #Antinucléaire #Ecologie #slider
    ▻http://festivaldebonnet2013.wordpress.com
    ►http://burezoneblog.over-blog.com

    • #Bonnet
    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @suske
    Suske @suske 26/07/2013
    1
    @rastapopoulos
    1

    iDangero.us Swiper - Mobile Touch Slider And Framework With Hardware Accelerated Transitions
    ▻http://www.idangero.us/sliders/swiper

    Licence #mit #gpl

    Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers.

    Download on ▻https://github.com/nolimits4web/Swiper

    • #Android
    • #Microsoft Windows
    • #android
    Suske @suske
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 26/07/2013

      Ah ouais, c’est cool, ça a l’air de marcher vraiment partout !
      Et ça marche en vertical aussi.

      #slider #mobile #touch #tactile

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @alsace
    l’Alsace Libertaire @alsace CC BY 10/06/2013

    Projection-discussion au Molodoï le 18 juin, « La grève des mères »
    ▻http://www.alsacelibertaire.net/spip/spip.php?article117

    A Walbryzsch (comme ailleurs) une Zone Economique Spéciale prospère avec son lot de ravages sociaux. Des femmes n’ont qu’une seule solution pour survivre avec leurs enfants : squatter des appartements vides. Le #Film est court, du coup après on aura le temps de glander sur des transets en buvant un pot, de se rencontrer, de faire le bilan de cette courte année de projections-discussions et d’échafauder des projets fous pour (...)

    #Rendez-vous

    / #Discute, Film, (...)

    #slider

    l’Alsace Libertaire @alsace CC BY
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 28/01/2013
    7
    @rastapopoulos
    @touti
    @0gust1
    @james
    @ari
    @mukt
    7

    Sequence.js and Sequence Themes
    ▻http://www.sequencejs.com

    un slider en javascript + css3, compatible mobiles, thèmable et plein d’options

    #slider #slideshow #responsive #thème #javascript #css3 #mobile

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 15/12/2012

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

    la doc du carrousel d’images utilisé par tourismedepeche

    #carrousel #jquery #javascript #documentation #slider

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @0gust1
    0gust1 @0gust1 CC BY-NC 7/11/2012
    2
    @rastapopoulos
    @mukt
    2

    Invention : Multiple-Choice “Windowed Slider” UI | Chris Norstrom
    ►http://www.chrisnorstrom.com/2012/11/invention-multiple-choice-windowed-slider-ui

    Une étude UX/UI sympa et bien fichue sur les sliders. Vous savez, les composants d’interface imbitables issus des interfaces iOS, que l’on peut la plupart du temps remplacer par des checkboxes ou des radio buttons :

    http://www.chrisnorstrom.com/wp-content/uploads/2012/11/toggle-sliders-dimmed.png

    via @hteumeuleu

    #design #UX #UI #webdesign #interface #slider

    0gust1 @0gust1 CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 7/11/2012

      Et une réponse :
      ►http://scriptkiddie-chronicles.tumblr.com/post/35055426064/the-better-ui-choice-is-actually-worse

      RastaPopoulos @rastapopoulos CC BY-NC
    • @0gust1
      0gust1 @0gust1 CC BY-NC 8/11/2012

      Merci ! Je voulais faire un commentaire sur l’article, et le temps de me faire une soupe et un peu de travaux, et voilà. (Et je ne sais pas non plus si l’auteur a ajouté après coup dans son article le lien vers la critique, ou si je l’ai loupé à la lecture).

      La réponse tape juste. Une partie des exemples du premier article ne sont plus des « toggles » (choix exclusif entre 2 états) mais bien des dispositifs de navigation ou des barres de boutons (choix exclusifs entre plusieurs options).

      J’ai néanmoins trouvé l’exercice plutôt intéressant (et la réponse également), même si ce genre de discours atteint vite ses limites (par manque de contexte global sur l’usage des éléments d’interface présentés).

      0gust1 @0gust1 CC BY-NC
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 7/08/2012

    Le point de vue d’une interface – HTeuMeuLeu
    ►http://www.hteumeuleu.fr/le-point-de-vue-d-une-interface

    La plupart des gens diront probablement « appuyez en haut », puisqu’ils veulent aller en haut. Il n’y a pas si longtemps j’ai vu quelqu’un faire l’inverse, et je l’ai interrogé à propos de son comportement. Il m’a dit : « et bien l’ascenseur est au 5ème, et je suis au 3ème, donc je veux qu’il descende vers moi ».

    #interface #ascenseur #slider #user

    tetue @tetue CC BY
    • @vlentz
      vlentz @vlentz CC BY-SA 8/08/2012

      Des flèches sur le côté pour un défilement vertical ça reste étrange de mon point de vue.

      vlentz @vlentz CC BY-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 9/08/2011

    The Wall - A #Javascript #plugin for #Mootools
    ►http://wall.plasm.it

    ONE COORDINATE, ONE POSITION

    The Wall enables to create an endless grid. You choose the number of elements, The Wall will see to the rest. Every moment you may know the position of your wall or move it where you like better by clicking or dragging it. What could be simpler?

    CUSTOMIZED CONTENTS

    With The Wall you decide the position of your contents punctually. Every plug is ready to hold your contents, pictures, videos, texts, everything. You are the one who chooses how to show your information.

    GRID OR CODA?

    With The Wall you may have an endless grid or an original draggable coda slider, if you like better. You’re right! The Wall can work in a traditional or draggable coda fuctionality. 2 functions and a new and original interaction system.

    #carrousel #slider #mur #photo #texte

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
0 | 25

Thèmes liés

  • #javascript
  • #jquery
  • #plugin
  • #carrousel
  • #rendez-vous
  • #clevermarks
  • #design
  • #carousel
  • #interface
  • #photo
  • #responsive
  • #slideshow
  • country: russie
  • person: chris norstrom
  • #dév_&_code
  • #film
  • organization: l’union européenne
  • #web
  • #ukraine
  • #css3
  • #accessibilité
  • #intégration
  • #mobile
  • #documentation
  • continent: europe
  • #ui
  • #ux
  • #webdesign
  • #conception
  • #image
  • #navigation
  • #inspiration
  • technology: animation
  • #ascenseur
  • #caroussel
  • #tutoriel
  • #utilisabilité
  • #mootools
  • #mur
  • #texte