# 26: jQuery-laajennuksen käyttö villistä - CSS-temppuja

Anonim

Kaikki ovat nähneet superhienon jQuery-laajennuksen villissä, villissä internetissä, eikö? Ehkä olet kiinnostunut oppimaan lisää jQuerystä ja JavaScriptistä vain etsimällä jQuery-laajennuksen ja yrittämällä käyttää sitä omalla sivustollasi. Ei häpeää tietysti. Olen varma, että noin se tapahtui minulle. Ne voivat olla niin helppokäyttöisiä, että voit vetää melko hienoja juttuja ilman paljon työtä.

Olen itse tehnyt niistä useita. Esimerkiksi FitVids. Mutta olen kuvannut siitä aiemmin. Tällä kertaa aion valita pari jQuery-laajennusta, jotka näyttivät siistiltä, ​​mutta en ole koskaan käyttänyt niitä aiemmin. Teen sen tarkoituksella, joten voi nähdä ajatusprosessin, joka menee selvittämään, kuinka satunnainen jQuery-laajennus toimii ensimmäistä kertaa.

Ensimmäinen valitsemamme on lightbox-laajennus nimeltä Boxer. Yksi niistä suunnittelumalleista, jossa napsautat kuvan pikkukuvaa ja se avaa isomman version suoraan sivulta ja tummentaa taustaa. Saamme sen toimimaan melko pirun seuraamalla dokumentaatiota.

Sieltä saimme tuon:

Katso Chris Coyierin (@chriscoyier) kynä kokeilemalla Boxer-laajennusta CodePenissä

Seuraava valitsemamme nimi on OWL Carousel. Se näyttää melko helteiseltä liukusäätimeltä, jolla on kaksi isoa ominaisuutta, joita et usein näe vanhemmissa liukusäätimissä: kosketustuki ja joustavuus. Saamme tämän toimimaan myös dokumentaation avulla, mutta myös tarkistamalla toimitetut esittelyt.

Sieltä pääsimme sinne muutamassa minuutissa:

Katso Chris Coyierin (@chriscoyier) kynä 73452e0922f60633ef3e142f46f78f31 CodePenistä

Molemmissa näissä esimerkeissä, jotka vetivät minut kirjanmerkkeihin, oli:

  1. Hyvä dokumentaatio.
  2. Näennäisesti mukava vaihtoehtojen ja turvotuksen tasapaino. Merkitys: Siellä oli melko paljon hyvin nimettyjä ja selvästi hyödyllisiä parametreja (mukaan lukien soittopyynnöt), mutta ei niin monta, että se tuntuisi ylivoimaiselta.
  3. Mukava muotoilu. Nämä ovat loppujen lopuksi visuaalisia asioita.

Meidän pitäisi kaivaa kirjoittaa omaa laajennustamme hieman seuraavaksi.