Tutti hanno visto un fantastico plug-in jQuery là fuori su Internet selvaggio e selvaggio, giusto? Forse ti sei interessato a saperne di più su jQuery e JavaScript solo trovando un plug-in jQuery e provando a usarlo sul tuo sito. Nessuna vergogna ovviamente. Sono sicuro che sia per quello che è successo per me. Possono essere così facili da usare che puoi realizzare cose davvero fantastiche senza molto lavoro.
Ne ho fatti molti da solo. Ad esempio, FitVids. Ma ne ho già parlato prima. Questa volta, sceglierò un paio di plugin jQuery che mi sono sembrati belli, ma non li ho mai usati prima. Lo sto facendo apposta, così posso vedere il processo di pensiero che serve per capire come funziona un plugin jQuery casuale per la prima volta.
Il primo che scegliamo è un plugin lightbox chiamato Boxer. Sai, uno di quei modelli di design in cui fai clic su una miniatura di un'immagine e ne apre una versione più grande proprio sulla pagina e oscura lo sfondo. Lo facciamo funzionare abbastanza rapidamente seguendo la documentazione.
Ecco dove siamo arrivati a quello:
Guarda il plug-in Boxer per provare la penna di Chris Coyier (@chriscoyier) su CodePen
Il prossimo che scegliamo si chiama OWL Carousel. Sembra un dispositivo di scorrimento davvero carino, con le due grandi caratteristiche che spesso non si vedono nei dispositivi di scorrimento più vecchi: supporto tattile e flessibilità. Otteniamo questo funzionamento anche usando la documentazione ma anche controllando le demo fornite.
È qui che siamo arrivati a quello in pochi minuti:
Guarda la penna 73452e0922f60633ef3e142f46f78f31 di Chris Coyier (@chriscoyier) su CodePen
In entrambi questi esempi, ciò che mi ha spinto a aggiungerli ai segnalibri è stato:
- La buona documentazione.
- L'apparentemente piacevole equilibrio di opzioni e gonfio. Significato: c'erano alcuni parametri ben denominati e chiaramente utili (inclusi i callback), ma non così tanti da sembrare travolgenti.
- Il bel design. Queste sono cose visive dopotutto.
Dovremmo approfondire un po 'la scrittura del nostro plugin.