20+ strašnih resursa za ljubitelje čizme
Bootstrap je jednostavno eksplodirao u zajednici za razvoj web stranica. Uvijek će biti skeptici i mrzitelji, ali u cjelini, projekt je postigao nevjerojatan uspjeh i stalno se može vidjeti na vrhu ljestvice Forked and Watched na GitHub-u.
Kao rezultat Bootstrapove slave, razvojna zajednica izdvojila je puno velikih povezanih resursa. Danas smo prikupili naše favorite na popisu svega što vam je potrebno za početak Bootstrapa. Od uvodnih vodiča do setova za izradu žičara i prilagođenih generatora, tu je nešto za svakog ljubitelja Bootstrapa.
Istražite predloške za pokretanje
Pokrenite Bootstrap
Start Bootstrap je platforma sve u jednom za sve vrste tema, vodiča i unaprijed dizajnirane besplatne i vrhunske HTML predloške izgrađene s Bootstrapom.
Web stranica uključuje besplatne unaprijed izgrađene predloške za izradu odredišnih stranica, web stranice s osobnim životopisom, portfelje i još mnogo toga. Postoji i mnogo brzih predložaka Bootstrap predloška koje možete preuzeti da biste brzo započeli s projektima web dizajna.
Uz to, Start Bootstrap ima ogroman popis resursa za Bootstrap koji uključuje veze na sve vrste resursa povezanih sa Bootstrapom kao što su dodaci, vizualni graditelji, okvirne integracije i još mnogo toga.
CodyHouse
CodyHouse je knjižnica puna besplatnih web komponenti koje se sastoje od HTML, CSS i JavaScript dodataka. Biblioteka uključuje lijepo dizajnirane mega-menije, predloške portfelja, integracije plaćanja, efekte animacije, video predloške i druge dodatke.
Možete preuzeti te dodatke i predloške kako biste ih lako integrirali u vlastite dizajne web stranica Bootstrap radi besplatnog integriranja različitih funkcija i značajki.
Bootsnipp
Ovo je još jedna platforma koja nudi veliku zbirku HTML i CSS resursa i dodataka. Posebnost Bootsnippa je da ova platforma sadrži isječke koda i dodatke koje su kreirali i drugi web programeri i dizajneri.
Bootsnipp uključuje sve vrste isječaka koda i predložaka koji će vam olakšati postupak izrade web stranica, uključujući predloške obrasca, dizajn gumba, trake napretka, predloške galerije i još mnogo toga.
Možete se pridružiti platformi kao registrirani korisnik i stvoriti vlastitu kolekciju resursa Bootstrap. Bootsnipp također uključuje resurse za druge okvire HTML-a, kao što su Foundation i Semantic UI.
Codrops
Codrops je blog koji dijeli udžbenike i nacrte o tome kako stvoriti jedinstvene predloške i elemente s HTML-om i CSS-om. Sjajna stvar ovog bloga je da će vam, osim što vam omogućuje besplatno preuzimanje predložaka i dodataka, također detaljno opisati kako je svaki predložak kreiran i kako ih možete prilagoditi vlastitim željama.
Codrops uključuje resurse, nacrte, predloške i dodatke koje možete integrirati s Bootstrapom kako biste stvorili moderne dijelove portfelja, prezentacije, video pozadine, animacije i još mnogo toga.
krhotine
Shards je moderan i minimalistički UI komplet izgrađen s Bootstrapom 4 za dizajniranje zapanjujućih responzivnih i mobilnih web stranica.
Pri korištenju ovog korisničkog sučelja, nećete morati pisati kôd da biste stilirali bilo koji Bootstrap element, kao što su gumbi i izbornici. UI komplet će se pobrinuti za sve to za vas.
Bootswatch
Na ovom mjestu nalazi se kolekcija prilagođenih tema za Bootstrap okvir u nekoliko različitih shema boja i dizajna.
Popis uključuje temu pokretanja Bootstrap sa svemirskim temama, temu dizajna materijala, temu ravnog dizajna, teme tamne boje i još mnogo toga. Možete preuzeti i koristiti te teme za prilagođavanje izgleda i izgleda svojih Bootstrap dizajna bez potrebe za uređivanjem koda.
Fontello
Fontello je sjajan generator fontova ikona koji vam omogućuje pregledavanje ogromne kolekcije ikona iz nekoliko popularnih paketa ikona fonta, uključujući Font Awesome, Typicons, Brandico i još mnogo toga.
Fontovi ikona ovih dana uvelike se koriste u gotovo svakom dizajnu web stranica. Pomoću funkcije pretraživanja na Fontellou možete brzo pronaći paket fontova s ikonom povezanom s vašim pretraživanjem, prilagoditi veličinu ikone i preuzeti font ikone koji će se koristiti s vašim dizajnom Bootstrap.
Gorivo UX
Fuel UX uglavnom koriste napredni web dizajneri za dopunjavanje Bootstrap okvira složenijim i laganijim JavaScript poboljšanjima. Poboljšava Bootstrap s proširenom funkcionalnošću i pruža vam veću kontrolu nad prilagođavanjem okvira. Fuel UX također je dio Salesforce Market Cloud-a.
Typehead.js
Želite li u okvir za pretraživanje vaše web lokacije dodati fantastičnu značajku automatskog dovršavanja u obliku Googlea? Zatim možete preuzeti ovu laganu JavaScript biblioteku i integrirati je u svoju web lokaciju Bootstrap kako biste lako nadogradili vaš okvir za pretraživanje automatskim dovršavanjem fraza pretraživanja, automatskim prijedlozima i još mnogo toga.
Galerija Blueimp
Blueimp je kolekcija odazivnih predložaka galerija koji su osjetljivi na dodir i pomoću kojih možete na svojoj web stranici dodati slike i video galerije kao i portfelje.
Dodatak je izrađen na temelju biblioteke Swipe JavaScript koja se naziva najtačnijim klizačem dodira. Blueimp proširuje funkcionalnost Swipea omogućujući vam odabir između tri različita modela galerije, uključujući karusel slike, video vrtiljak i galeriju slika formata lightbox.
Bootstrap Expo
Ovo je web mjesto koje sadrži kolekciju prekrasnih web stranica izgrađenih uz Bootstrap. Zbirku kurira Mark Otto, osnivač Bootstrapa i direktor dizajna u Githubu. Izvrsno je mjesto za pronaći inspiraciju za svoj sljedeći projekt i vidjeti kakve nevjerojatne stvari možete graditi s Bootstrapom.
StyleBootstrap
Ovaj alat omogućuje vam jednostavno sučelje za prilagodbu različitih aspekata Bootstrapa. Razlika je u tome što se ovaj prvenstveno fokusira na vizualni, dizajnerski aspekt. Jednostavno možete ući i promijeniti boje, fontove, obrube i još mnogo toga.
Sama aplikacija je također vizualnija od Twitterovog generatora i omogućuje vam da vidite kako će izgledati vaši stilovi prije nego što pritisnete gumb za preuzimanje.
Prekrasne tipke za Bootstrap
Ovo je jednostavan mali alat koji radi samo jedno: pomaže vam da dizajnirate sjajne gumbe za upotrebu s Twitter Bootstrapom. Sastoji se samo od četvero klizača i kutije za kopiranje rezultirajućeg CSS-a, ni manje ni više. To neće revolucionirati način na koji koristite Bootstrap, ali zabavno je igrati.
WrapBootstrap
"WrapBootstrap je tržište premium tema i predložaka Bootstrap. Impresionirajte svoje klijente i posjetitelje koristeći jedinstveni, čvrsti temelj. "
Zamislite WrapBootstrap kao ThemeForest za Bootstrap. Možete kupiti ili prodati prilagođene teme Bootstrap. Ako mislite da je glupo trošiti novac na premium temu za besplatni resurs kao što je Bootstrap, samo pogledajte uspjeh na tržištu WordPress tema. Web stranice Bootstrap po zadanom počinju izgledati iste i lijepo dizajnirane teme doista mogu dodati neke lijepe varijacije, omogućujući vam da zadržite velike prednosti koje Bootstrap nudi.
Izgrađeno s čizmom za dizanje
Built with Bootstrap je neslužbeni Tumblr blog na kojem se prikazuju razne web stranice koje su, kao što i naziv očito implicira, izgrađene pomoću Bootstrapa. Ovo je fantastičan resurs za dizajnere koji rade s Bootstrapom jer vam omogućuje da vidite što pravi programeri rade s okvirom, a koji će vas potaknuti da sami preuzmete dalje.
Ako mislite da Bootstrap nije sposoban dovesti ni do čega, osim običnog dizajna, ova će vam galerija dokazati da niste u pravu. Web lokacije poput Provo restorana zaista su me iznenadile što ne izgledam poput klona stranica Bootstrap primjera.
Besplatna knjižnica widgeta za pokretanje programa Twitter Bootstrap
Axure je moćan program na profesionalnoj razini koji vam omogućuje izgradnju složenih žičnih okvira i interaktivnih modela. Po cijeni od 589 dolara po licenci, rješenje je samo za ozbiljne žičane mreže.
Ako želite raditi s Twitter Bootstrap i Axure, svakako preuzmite ovu sjajnu biblioteku widgeta koja uključuje savršene prilagodljive prikaze Bootstrap stavki koje neometano rade u Axureu.
PSD za pokretanje sustava
Znam što mnogi od vas misle: "Vatromet? Axure? OmniGraffle? Samo mi dajte PSD! " Pa, imali ste sreće, jer je Repix Design trebao vremena stvoriti i distribuirati detaljan, prilagodljiv PSD koji sadrži sve Bootstrap-ove različite komponente.
Ako volite živjeti u Photoshopu i ako ste "Bootstrapper", ovo besplatno preuzimanje nije "pametno". Idi zgrabi sada.
Awesome slova
Font Awesome je vjerojatno moj omiljeni resurs za Twitter Bootstrap. U osnovi je samo font ikone, pa ga svatko može koristiti za bilo koji projekt. Međutim, posebno je dizajniran kako bi nadopunio vizualnu estetiku Bootstrapa.
Font Awesome besplatan je za komercijalnu upotrebu, čitač zaslona kompatibilan i sadrži nevjerojatnih 150 ikona (broj koji i dalje raste). Označi ovu oznaku jer će ti se svidjeti.
Sass Twitter Bootstrap
Kada su ljudi iz Twittera napravili Bootstrap, odlučili su ga učiniti još boljim sa LESS, popularnim CSS-ovim pretprocesorom koji u čaroliju CSS-a donosi čaroliju varijabli, miksene i još mnogo toga.
Stvar je u tome što se u bazi ventilatora predprocesora dogodio veliki raskorak. Neki vole manje, jer je jednostavan i nevjerojatno jednostavan za korištenje, ali mnogi se odlučuju za snažniju alternativu: Sass. Ne možemo okriviti Twitter vratove što je prešla put manje, ali Sass fanovi također trebaju ljubav! Srećom, John W. Long je prenosio Bootstrap na Sass pa se sada obje strane rasprave o pretprocesoru mogu barem složiti oko jedne stvari: Bootstrap stijene.
Obožavatelji Stylusa ne trebaju tugovati zbog činjenice da im često ne uspijeva spomenuti, tu je i Bootstrap Stylus port.
Colorupicker i Datepicker za Bootstrap
Evo nekoliko dodatnih elemenata koje možete dodati u Bootstrap. Obje su besplatne, dobro dokumentirane i uklapaju se u estetiku Bootstrap.
Kako nadopunjujete bootstrap?
Sada kada ste vidjeli naš popis strašnih resursa Bootstrap, želimo da vam se javimo. Ispusti nam slatkiš da nam kažeš koje su resurse treće strane ugradili u taj postupak.