20+ vinge ressurss Bootstrap Lovers'i jaoks
Bootstrap on veebiarendusringkonnas lihtsalt plahvatuslikult kasvanud. Alati leidub skeptikuid ja vihkajaid, kuid üldiselt on projekt olnud tohutu edu ja seda saab pidevalt näha GitHubi Forked ja Watched edetabelite tipus.
Bootstrapi kuulsuse tulemusel on arenduskogukond andnud välja palju suurepäraseid seotud ressursse. Täna koondasime oma lemmikud nimekirja kõigest, mida peate Bootstrapi alustamiseks. Alates sissejuhatavatest juhenditest kuni juhtmekujunduskomplektide ja kohandatud generaatoriteni on siin iga Bootstrap-i armastaja jaoks midagi.
Uurige alglaadimallide malle
Käivitage alglaadimine
Start Bootstrap on kõik-ühes platvorm igat tüüpi teemadele, juhenditele ning eelkujundatud tasuta ja esmaklassilistele HTML-mallidele, mis on loodud Bootstrap-iga.
Sait sisaldab tasuta eelvalmis malle sihtlehtede tegemiseks, isiklike CV-de veebisaite, portfelle ja palju muud. Veebidisaini projektidega kiireks alustamiseks on ka palju kiireid alglaadimistempli malle, mille saate alla laadida.
Lisaks on Start Bootstrapil tohutu Bootstrap-ressursside loend, mis sisaldab linke igat tüüpi Bootstrap-iga seotud ressurssidega, nagu pluginad, visuaalsed ehitajad, raamistikuintegratsioonid ja palju muud.
CodyHouse
CodyHouse on raamatukogu, mis on täis tasuta veebikomponente, mis koosnevad HTML-, CSS- ja JavaScripti pistikprogrammidest. Teek sisaldab kaunilt kujundatud megamenüüsid, portfellimalle, makseintegratsioone, animatsiooniefekte, videomalleid ja muid pistikprogramme.
Saate need pistikprogrammid ja mallid alla laadida, et neid hõlpsalt oma Bootstrapi veebisaidi kujundusse integreerida, et integreerida mitmesuguseid funktsioone ja funktsioone tasuta.
Bootsnipp
See on veel üks platvorm, mis pakub HTML- ja CSS-ressursside ning pistikprogrammide tohutut kogumist. Bootsnippi eripäraks on see, et sellel platvormil on koodilõigud ja pistikprogrammid, mille on loonud ka teised veebiarendajad ja -kujundajad.
Bootsnipp sisaldab igat tüüpi koodilõike ja malle, mis aitavad teie veebiarendusprotsessi palju lihtsamaks muuta, sealhulgas vormimallid, nuppude kujundused, edenemisribad, galeriimallid ja palju muud.
Võite liituda platvormiga registreeritud kasutajana ja luua ka oma Bootstrap-ressursside kollektsiooni. Bootsnipp sisaldab ressursse ka muude HTML-i raamistike jaoks, näiteks sihtasutus ja semantiline kasutajaliides.
Codrops
Codrops on ajaveeb, mis jagab õpetusi ja jooniseid, kuidas HTML-i ja CSS-iga unikaalseid malle ja elemente luua. Selle blogi suurepärane asi on see, et lisaks mallide ja pistikprogrammide tasuta allalaadimisele kirjeldab see ka üksikasjalikult, kuidas iga mall loodi ja kuidas saate neid oma eelistustele kohandada.
Codrops sisaldab ressursse, jooniseid, malle ja pistikprogramme, mida saate Bootstrapiga integreerida, et luua trendikaid portfelli sektsioone, slaidiseansse, videotausta, animatsioone ja palju muud.
Shards
Shards on kaasaegne ja minimalistlik kasutajaliidese komplekt, mis on ehitatud Bootstrap 4 abil, et kujundada hämmastavalt tundlikke ja esmajärjekorras mobiilseid veebisaite.
Selle kasutajaliidese komplekti kasutamisel ei pea te ühegi Bootstrap-elemendi, näiteks nuppude ja menüüde stiilimiseks koodi kirjutama. UI komplekt hoolitseb kõige selle eest teie eest.
Bootswatch
Sellel saidil on Bootstrap-raamistiku kohandatud teemade kollektsioon mitmes erinevas värvilahenduses ja kujunduses.
Loend sisaldab kosmoseteemalist Bootstrap-i teemat, materjalidisaini teemat, lameda kujunduse teemat, tumedate värvide teemasid ja palju muud. Neid teemasid saate alla laadida ja kasutada Bootstrap-kujunduse ilme ja tunnuse kohandamiseks ilma koodi muutmata.
Fontello
Fontello on vahva ikoonifondigeneraator, mis võimaldab sirvida tohutut ikoonikogumit mitmest populaarsest fondiikoonipaketist, sealhulgas Font Awesome, Typicons, Brandico ja palju muud.
Ikooni fonte kasutatakse tänapäeval laialdaselt peaaegu igas veebisaidi kujunduses. Fontello otsingufunktsiooni abil saate kiiresti leida fondi paketi, millel on teie otsinguga seotud ikoon, kohandada ikooni suurust ja alla laadida ikooni font, mida kasutatakse Bootstrap-i kujunduste jaoks.
Kütus UX
Fuel UX-d kasutavad arenenud veebidisainerid enamasti Bootstrap-raamistiku ülelaadimiseks keerukamate ja kergete JavaScripti täiustustega. See täiustab Bootstrap-i laiendatud funktsionaalsusega ja annab teile suurema kontrolli raamistiku kohandamise üle. Fuel UX on osa ka Salesforce'i turunduspilvest.
Typehead.js
Kas soovite oma veebisaidi otsingukasti lisada vinge Google'i-laadse automaatse täitmise funktsiooni? Seejärel saate selle kerge JavaScripti teegi alla laadida ja oma Bootstrap-i veebisaidile integreerida, et hõlpsalt oma otsingukasti värskendada automaatse täitmise otsingufraaside, automaatsete soovituste ja muuga.
Blueimp galerii
Blueimp on tundlike ja puutetundlike galeriide mallide kogum, mida saate oma veebisaidil kasutada pildi- ja videogaleriide ning portfellide lisamiseks.
Pistikprogramm on tehtud Swipe JavaScripti teegi põhjal, mis on dubleeritud kui kõige täpsem puutetundlik liugur. Blueimp laiendab Swipe funktsionaalsust, lastes teil valida kolme erineva galerii mudeli hulgast, sealhulgas pildikarussell, videokarussell ja valguskasti pildigalerii.
Bootstrap Expo
See on sait, kus on Bootstrapi abil loodud uhkete veebisaitide kollektsioon. Kollektsiooni kuraator on Mark Otto, Bootstrapi asutaja ja Githubi disainidirektor. See on suurepärane koht, kus leida inspiratsiooni oma järgmiseks projektiks ja vaadata, milliseid hämmastavaid asju saate Bootstrapi abil ehitada.
StyleBootstrap
See tööriist võimaldab teil Bootstrapi erinevate aspektide kohandamiseks kasutada lihtsat liidest. Erinevus seisneb selles, et see keskendub peamiselt visuaalsetele ja kujunduslikele aspektidele. Saate hõlpsasti sisse minna ja muuta värve, fonte, ääriseid ja palju muud.
Rakendus ise on ka visuaalsem kui Twitteri generaator ja võimaldab teil enne selle allalaadimisnupu vajutamist näha, millised teie stiilid välja näevad.
Ilusad nupud saapapaela jaoks
See on lihtne väike tööriist, mis teeb ainult ühte: aitab teil kujundada Twitter Bootstrapis kasutamiseks suurepärase väljanägemisega nuppe. See koosneb ainult neljast liuguritest ja saadud CSS-i kopeerimise kastist, mitte vähem ega rohkem. See ei muuda Bootstrapi kasutamise viisi revolutsiooniliseks, kuid sellega on lõbus mängida.
WrapBootstrap
„WrapBootstrap on esmaklassiliste alglaadimisteemade ja mallide turuplats. Muljetage oma klientidele ja külastajatele, kasutades ühte kindlat, tugevat alust. ”
Mõelge WrapBootstrapist kui Bootstrapi teemaForestist. Saate osta või müüa kohandatud stiilis alglaadimisteemasid. Kui arvate, et on rumal kulutada raha premium-teemale tasuta ressursi nagu Bootstrap jaoks, siis vaadake lihtsalt WordPressi teematuru edu. Vaikimisi hakkavad kõik Bootstrap-saidid välja nägema ühesugused ja kenasti kujundatud teemad võivad tõesti lisada toredaid variatsioone, lubades teil samal ajal hoida kinni Bootstrap-i pakutavatest suurtest eelistest.
Ehitatud koos saapapaeltega
Ehitatud koos Bootstrapiga on mitteametlik Tumblri ajaveeb, mis tutvustab erinevaid veebisaite, mis, nagu nimest ilmselt järeldada võib, on ehitatud Bootstrapi abil. See on fantastiline ressurss Bootstrapiga töötavatele disaineritele, kuna see võimaldab teil näha, mida tõelised arendajad raamistikuga teevad, mis inspireerib teid seda ise edasi arendama.
Kui arvate, et Bootstrap ei suuda viia millegi muu kui lihtsa väljanägemisega kujunduseni, tõestab see galerii teid valesti. Restorani Provo sarnased saidid üllatasid mind tõesti sellega, et ma ei näinud midagi Bootstrapi näidislehtede klooni.
Tasuta Twitter Bootstrap-i vidinate kogu
Axure on võimas, professionaalsel tasemel rakendus, mis võimaldab teil ehitada keerulisi juhtraame ja interaktiivseid makette. Litsentsi hinnaga 589 dollarit on see lahendus ainult tõsistele kaameratele.
Kui soovite töötada koos Twitteri Bootstrapi ja Axure'iga, laadige kindlasti alla see suurepärane tasuta vidinate kogu, mis sisaldab ideaalselt kohandatavaid esindusi Bootstrap-üksuste kohta, mis töötavad sujuvalt Axure'is.
Bootstrap PSD
Ma tean, mida paljud teist mõtlevad: “Ilutulestik? Axure? OmniGraffle? Andke mulle vaid PSD! ” Noh, teil on õnne, sest Repix Design on võtnud aega üksikasjaliku, kohandatava PSD loomiseks ja levitamiseks, mis sisaldab kõiki Bootstrapi erinevaid komponente.
Kui teile meeldib Photoshopis oma kaadervärvimine ja olete alglaadija, pole see tasuta allalaadimine mõttetu. Haara nüüd kinni.
Font vinge
Font Awesome on tõenäoliselt mu lemmik Twitter Bootstrap-i ressurss. Põhimõtteliselt on see lihtsalt ikoonifont, nii et igaüks saaks seda kasutada mis tahes projekti jaoks. Kuid see oli spetsiaalselt loodud Bootstrapi visuaalse esteetika täiendamiseks.
Font Awesome on äriliseks kasutamiseks tasuta, ekraanilugejaga ühilduv ja sisaldab ilmatu 150 ikooni (arv kasvab jätkuvalt). Lisage see järjehoidjate hulka, kuna hakkate seda armastama.
Sass Twitteri alglaadimine
Kui Twitteri inimesed Bootstrapi ehitasid, otsustasid nad seda veelgi paremaks muuta populaarse CSS-eeltöötlusprogrammi LESS abil, mis toob muutujate, segude ja palju muu võlu CSS-i.
Asi on selles, et eeltöötluse ventilaatoribaasis on suur lõhe. Mõned inimesed armastavad VÄHEMALT, kuna seda on lihtne ja uskumatult lihtne kasutada, kuid paljud valivad võimsama alternatiivi: Sass. Me ei saa süüdistada Twitteri tegusid vähema marsruudi valimises, kuid Sassi fännid vajavad ka armastust! Õnneks on John W. Long portinud Bootstrapi Sassi, nii et nüüd saavad eeltöötleja arutelu mõlemad pooled kokku leppida vähemalt ühes asjas: Bootstrap rokib.
Pliiatsifännid ei pea leinama sellest, et neil sageli ei õnnestu mainet saada, olemas on ka Bootstrap Stylus port.
Värviline ja Datepicker Bootstrapile
Siin on paar lisaelementi, mille saate Bootstrapile lisada. Mõlemad on vabad, hästi dokumenteeritud ja sobivad Bootstrapi esteetikaga hästi kokku.
Kuidas saate Bootstrap'i täiendada?
Nüüd, kui olete näinud meie vinge Bootstrap-i ressursside loendit, tahame me sinult kuulda. Pange meile piiksuma, et öelda meile, millised kolmanda osapoole ressursid olete sellesse protsessi kaasanud.