# 26: Bruke et jQuery-plugin fra naturen - CSS-triks

Anonim

Alle har sett et superkult jQuery-plugin der ute på det ville, ville internett, ikke sant? Kanskje du bare ble interessert i å lære mer om jQuery og JavaScript ved å finne et jQuery-plugin og prøve å bruke det på ditt eget nettsted. Ingen skam selvfølgelig. Jeg er sikker på at det handler om hvordan det skjedde for meg. De kan være så enkle å bruke at du kan hente ut noen ganske gode ting uten mye arbeid.

Jeg har laget en rekke av dem selv. For eksempel FitVids. Men jeg har vist TV-serier om den før. Denne gangen skal jeg velge et par jQuery-plugins som så pent ut for meg, men jeg har aldri brukt dem før. Jeg gjør det med vilje, så kan jeg se tankeprosessen som går ut på å finne ut hvordan et tilfeldig jQuery-plugin fungerer for første gang.

Den første vi velger er et lightbox-plugin som heter Boxer. Du vet, et av disse designmønstrene der du klikker på et miniatyrbilde av et bilde, og det åpner en større versjon av det rett på siden og blir mørkere i bakgrunnen. Vi får det til å fungere ganske fort etter dokumentasjonen.

Det er der vi kom på den ene:

Se pennen som prøver Boxer Plugin av Chris Coyier (@chriscoyier) på CodePen

Den neste vi velger heter OWL Carousel. Det ser ut som en ganske fin fin glidebryter, med de to store funksjonene som du ofte ikke ser i eldre glidebrytere: berøringsstøtte og fleksibilitet. Vi får denne til å fungere også ved å bruke dokumentasjonen, men også sjekke ut de oppgitte demoene.

Det er her vi kom på den på bare noen få minutter:

Se pennen 73452e0922f60633ef3e142f46f78f31 av Chris Coyier (@chriscoyier) på CodePen

I begge disse eksemplene var det som trakk meg mot å merke dem som bokmerke:

  1. Den gode dokumentasjonen.
  2. Den tilsynelatende fine balansen mellom alternativer og oppblåsthet. Betydning: det var ganske mange velnavn og tydelig nyttige parametere (inkludert tilbakeringing), men ikke så mange at det virker overveldende.
  3. Den fine designen. Dette er tross alt visuelle ting.

Vi bør grave i å skrive vår egen plugin litt neste.