Share
Dacă citiți frecvent WebDesignTuts +, probabil că ați văzut numeroase referințe la ThemeForest, piața noastră pentru șabloane web și teme. Cu toate acestea, există și o șansă că ați vizitat CodeCanyon, piața sora la ThemeForest, care comercializează fragmente de cod și pluginuri. CodeCanyon este o resursă destul de mare, plină de fișiere utile, interesante și, bine, de kick-ass pentru dezvoltarea web care ar putea fi o resursă neexploatată pentru dvs..
CodeCanyon acoperă o gamă largă de diferite categorii, de la scripturile PHP la pluginurile WordPress pentru a codifica aplicațiile mobile. Astăzi, vom examina două categorii specifice, HTML5 și CSS, precum și câteva fragmente de coduri de gen pe care le conțin. Dacă aveți mai multe favorite de la CodeCanyon, renunțați la câteva linkuri din comentarii!
Doar o notă înainte de a începe, toate prețurile presupun că utilizați credite preplatite. Dacă simțiți că cumpărați doar una sau două și nu doriți să investiți în credite preplătite, adăugați 2 USD la prețul citat. În plus, numărul de achiziții este corect la momentul scrisului.
Vom lansa roundup-ul cu butoane CSS de 100%, care arata grozav. Aceste butoane sunt bine numite, deoarece sunt elevate în mod asemănător cu magazia de coduri GitHub. Fișierul face publicitate "clase ușoare", are un fișier de ajutor detaliat și vine la un preț scăzut de doar 2 dolari. Cu 88 de achiziții, aceste butoane au cel mai mare rating din întreaga categorie CSS cu cinci stele.
Este întotdeauna minunat să scriu nunți, pentru că găsiți niște lucruri destul de minunate. Un exemplu este CSS3 Accordions, un pachet de acorduri orizontale și verticale pure CSS în patru culori. Acest fișier are, de asemenea, un rating de cinci stele și un etichetă de preț de 4 USD, oferind suport pentru versiunile Firefox până în Firefox 2 și Internet Explorer înapoi la IE6 (și Opera, Safari și Chrome, bineînțeles).
Acest fișier este un player audio simplu, alimentat de HTML5, care redă fișiere MP3 sau OGG în toate browserele importante. Cu setarea anunțată ca finalizată în mai puțin de 3 minute și a cărei fișier javascript cântărește la doar 5KB, acest fișier de $ 6 este destul de cool.
Dacă aveți șansa, jucați-vă cu demo-ul live pentru a aprecia designul atent și salvarea stării volumului dvs. în mai multe setări.
Acest fișier este un minunat meniu CSS3 cu pictograme mari care "HipHop" atunci când a fost plutind. Se pare că este ușor de implementat și poate fi limitat la afișarea animației de sărituri sau doar la diminuarea elementelor de meniu care nu se mișcă dacă doriți.
În ceea ce privește locul în care o utilizați, meniul este o bucată minunată de cod pentru a fi utilizată pe site-urile de portofoliu, ca selector de produse sau ca un hub principal pentru a conecta la subsite. La doar 2 dolari, este o afacere grozavă și probabil că o voi cumpăra de îndată ce am terminat de scris acest articol!
Înainte de a-mi scrie pentru Tuts +, inițial am plănuit să public un dosar pe piață, una dintre primele mele idei fiind o mulțime de efecte de hovering a imaginii. În timp ce această idee nu a fost niciodată realizată (am fost prea ocupat să scriu despre validarea formularului), Pixelworkshop a publicat un fișier minunat între timp. Fișierul are 17 efecte distinctive de hartă a imaginii pentru $ 5, inclusiv rotații de imagini, suprapuneri, panglici și alte efecte minunate. Asigurați-vă că verificați previzualizarea video pe aceasta!
Deși nu văd o aplicație la care aș putea folosi acest fișier, efectul pe care îl generează este destul de răcoros. Docklr CSS repetă în mod esențial funcționalitatea (adică mărirea) docului în Mac OS X, dar într-o fereastră de browser. Docklr folosește tranziții CSS pentru a replica animațiile de pe sistemul OS X, cum ar fi bifarea icoanelor și mărirea. Pentru doar 4 dolari, este o fură!
Cutiile de notificare reprezintă în esență o grămadă de cutii de notificare, construite cu CSS, care arată foarte bine. Sunt bine concepute, dar au și câteva animații frumoase (cu jQuery) atunci când sunt concediate la clic. În plus, casetele de notificare oferă suport pentru cookie-urile jQuery, ceea ce înseamnă că atunci când o notificare este respinsă, ea nu reapare când reîmprospătați sau revizuiți pagina.
Cutiile de notificare au un număr de cumpărături plăcut de 233 și vinde doar 2 USD.
Pricer este una dintre mai multe rețele de tarifare realizate de CSS pe CodeCanyon și, fără îndoială, una dintre cele mai bune. Pricer utilizează doar CSS pur pentru a crea o grilă de comparare a prețurilor pentru a compara, de exemplu, planuri diferite pentru o gazdă web sau mai multe niveluri de membru. Deși nu există o previzualizare video, listarea promite animații CSS alimentate în browserele acceptate (Safari 4+, Chrome 4+, Opera 10.5+, Firefox 4+) cu "grațios degradant" în browserele mai vechi.
Cu 13 scheme de culori diferite, ceasurile Pricer sunt cu un preț minim de 3 dolari.
Am rămas departe de a menționa meniurile derulante pentru a ajunge la monstrul de vânzări "CSS3 Mega Drop Down Menu" de la Pixelworkshop (creatorul "CSS3 Image Hover Effects")..
Cu 3836 de vânzări, acest fișier este cel mai achiziționat pe întreaga piață CodeCanyon. Practic, este o aplicație valabilă pentru CSS3, cu multe opțiuni de browser încrucișate în nouă culori. Fișierul are o mulțime de opțiuni pentru personalizabilitate, deci este cu siguranță ceva de luat în seamă, deși s-ar putea să simțiți necesar să vă adăugați propriul CSS pentru a îmbunătăți designul un pic.
Acest fișier de $ 4 conține 11 umbre de generație CSS, inclusiv warp, hover și fold care arată foarte minunat. Este unul dintre acele fișiere simple care sunt întotdeauna utile pentru a avea în arsenalul dvs. și nu prea costă un ban pentru a face acest lucru.
Paginarea poate fi uneori subevaluată, dar oferă de fapt navigație esențială către un blog. "CSS Pagination Pack" este un pachet de elemente de paginare cu CSS în șapte culori.
Această paginare de 2 $ este generată cu un cod semantic, ușor de înțeles. Fișierul este însoțit de documentația completă dacă aveți nevoie de ajutor, dar exemplul simplu de utilizare furnizat în descrierea articolului este tot ce aveți cu adevărat nevoie.
Este greu să ignorați minuțiozitatea acestui fișier care generează grafice de bare foarte frumoase cu CSS pur și HTML, completate cu stări de hover. Graficele care rezultă cu siguranță nu sunt inferioare, având în vedere că nu utilizează nicio imagine. Sincer, $ 3 este o afacere pentru un astfel de dosar!
Galeria video HTML5 cu Playlist live este un player video HTML5 care este plăcut din punct de vedere estetic, bine animat, care conține, de asemenea, o componentă de redare. Fișierul funcționează cu fișiere OGV și MP4 și conține chiar și o rezervă Flash pentru browserele care nu acceptă video HTML5. Pot confirma că fișierul funcționează fără probleme pe un iPad!
Galeria video HTML5 cu Playlist live costă 8 dolari de la CodeCanyon.
Elitepack Classic CSS3 Tags este un pachet de stiluri bine concepute pentru etichetele postate, compatibile între browsere. Venind în mai multe scheme de culori diferite, cu state hover și o implementare semantică, fișierul este destul de frumos.
Elitepack Classic CSS3 Etichete este etichetat (nu este destinat!) Cu doar un pret de 3 $.
După cum puteți vedea, CodeCanyon conține câteva fișiere de cod CSS și HTML5 care ar putea funcționa bine pentru un proiect curent sau viitor. Cu toate acestea, acest lucru nu este cu siguranță limita a ceea ce oferă CodeCanyon, deci asigurați-vă că navigați în arhivele sale.
Dacă aveți alte fișiere preferate CodeCanyon, asigurați-vă că le distribuiți în comentarii!
Accentsconagua