Lessons • Julien Drochon
  • Sommaire | Recherche
  • Webdesign
    • Codes d’exemple
    • Ressources | Scripts
  • Interaction Design
  • Soft Machines
  • Bibliographie
  • Liens
  • Glossaire
  • à propos
  • Sommaire | Recherche
  • Webdesign
    • Codes d’exemple
    • Ressources | Scripts
  • Interaction Design
  • Soft Machines
  • Bibliographie
  • Liens
  • Glossaire
  • à propos
  • chicken-thumb

    Charger des images aléatoirement

    Ressources | Scripts
    tags : CSS • html • js • responsive

    ChickenDinner.js est un plu­gin jQuery qui per­met de char­ger aléa­toi­re­ment des images. → Demo → Web­site du projet

    +0
  • classer-filtrer

    Classer | Filtrer

    Ressources | Scripts
    tags : CSS • html • js • responsive

    MixI­tUpIso­TopeVoici quelques exemples de plu­gins jQuery pour vous aider à réa­li­ser des sys­tèmes de clas­si­fi­ca­tions sur un site inter­net ou une webapp. MixI­tUp À mes yeux le plu­gin le plus simple pour com­men­cer à appré­hen­der le fil­trage (fil­te­ring en anglais) et le triage (sor­ter en anglais). → Demo → Mise […]

    +0
  • fixed-menu-responsive-thumb

    Menu navigation fixe

    Ressources | Scripts
    tags : CSS • html • js • responsive

    Fixed Nav est un menu pour single one page, à la fois res­pon­sive et simple. → Demo → Web­site du pro­jet → Télécharger

    +0
  • split-thumb

    Page 2 parties

    Ressources | Scripts
    tags : CSS • html • js • responsive

    Split layout est un prin­cipe de mise en page qui par­tage la page en 2 par­ties. → Demo → Web­site du pro­jet → Télécharger

    +0
  • treed-powerful-tree-editor (1)

    Afficher une arborescence

    Ressources | Scripts
    tags : CSS • html • js • responsive

    → Demo http://jaredly.github.io/treed/ → Web­site du pro­jet https://github.com/jaredly/treed

    +0
  • fullpage-thumb

    Fullpage

    Ressources | Scripts
    tags : CSS • html • jQuery • js

    fullpage.js per­met de créer des single web page faci­le­ment. → Site du pro­jet →Exemples de code

    +0
  • BlueprintFullWidthTabs-thumb

    Onglets

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Un sys­teme d’onglets res­pon­sive. → Demo → Web­site du pro­jet → Télécharger

    +0
  • scrool-thumb

    Scroll

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Tiny Scroll­barInvertS­crollTiny Scroll­bar Tiny Scroll­bar per­met de créer une barre de défi­le­ment sur cetains élé­ments de lka page HTML. → Demo → Site du pro­jet InvertS­croll InvertS­croll per­met de chan­ger le dér­fi­le­ment natu­rel de la page. → Demo → Télécharger

    +0
  • blueprint-grid-thumb

    Galerie d’images

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Google Grid Gal­le­ryI­mage Light­box­Nano Gal­leryFluid­BoxGoogle Grid Gal­lery Google Grid Gal­lery est une gale­rie d’image repre­nant le prin­cipe de résul­tat de recherche image de Google. → Demo → Web­site du pro­jet → Télé­char­ger Image Light­box → Demo → Web­site du pro­jet Nano Gal­lery → Demo → Télé­char­ger Fluid­Box → Demo → […]

    +0
  • slidebars-thumb

    Menu latéral

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Sli­de­barsSli­de­bars → Web­site du pro­jet → Télécharger

    +0
  • restive-thumb

    Responsive : restive.js

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Restive.js est un plu­gin jQuery qui vous aide rapi­de­ment et “faci­le­ment” à ajou­ter des para­mètres à votre site web pour qu’il s’adapte à chaque péri­phé­rique web. → Site du projet

    +0
  • zoom-thumb

    Zoom

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    zoom.js est une API qui per­met de zoo­mer sur cer­tain élé­ment de lap­gae HTML. Cli­quer sur un élé­ment de la page pour zoo­mer et cli­quer de nou­veau pour dézoo­mer (ou appuyer sur la touche esc) → Demo → Web­site du projet

    +0
  • slick-thumb

    Carousel

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Slick – jQuery Res­pon­sive Touch Carou­sel est un plu­gin jQuery qui per­met de mettre un en place un dia­po­ra­mora res­pon­sive de type carou­sel sur votre page web. → Demo → Web­site du projet

    +0
  • background-check

    Changer la couleur en fonction de l’arrière-plan

    Ressources | Scripts
    tags : CSS • html • jqu • jQuery • js

    Back­ground­CheckAdap­tive backgroundsPro­jet Github Back­ground­Check Auto­ma­ti­cally switch to a dar­ker or a ligh­ter ver­sion of an ele­ment depen­ding on the bright­ness of images behind it. Examples Pro­ject Page Sli­der Fixed Nav CSS Back­grounds CSS Back­grounds — Fulls­creen Cross-Origin Request Cross-Origin Request — CSS Back­grounds Using Back­ground­Check with other plu­gins FlexSlider — […]

    +0
  • imagefit-jquery-plugin-to-make-images-fit-anywhere

    Redimensionnement images

    Ressources | Scripts
    tags : CSS • html • jQuery • js • responsive

    Ima­ge­Fit est un plu­gin jQuery qui per­met le redi­men­sion­ne­ment simple des images, selon des para­mètres. Très simple. → Demo → Web­site du projet

    +0
  • 1
  • 2
  • →

Licence Creative Commons