20+ satriecoši resursi sāknēšanas cienītājiem
Bootstrap ir vienkārši eksplodējis tīmekļa izstrādes kopienā. Vienmēr būs skeptiķi un ienaidnieki, taču kopumā projektam ir bijuši milzīgi panākumi, un to vienmēr var redzēt GitHub Forked un Watched diagrammu augšdaļā.
Bootstrap slavas rezultātā attīstības kopiena ir piešķīrusi daudz lielisku saistītu resursu. Šodien mēs esam apkopojuši savus favorītus visu, kas jums nepieciešams, lai sāktu darbu ar Bootstrap, sarakstā. Sākot no ievada pamācībām līdz kadru komplektiem un pielāgotajiem ģeneratoriem, katram Bootstrap cienītājam šeit ir kaut kas.
Izpētiet Bootstrap veidnes
Sāciet Bootstrap
Start Bootstrap ir visaptveroša platforma visu veidu tēmām, ceļvežiem un iepriekš izstrādātām bezmaksas un premium HTML veidnēm, kas veidotas, izmantojot Bootstrap.
Vietnē ir iekļautas bezmaksas iepriekš izveidotas veidnes galveno lapu, personisko vietņu vietņu, portfeļu un daudz ko citu veidošanai. Ir arī daudz ātru Bootstrap veidņu izkārtojumu, ko varat lejupielādēt, lai ātri sāktu darbu ar tīmekļa dizaina projektiem.
Turklāt Start Bootstrap ir plašs Bootstrap resursu saraksts, kurā ir saites uz visiem ar Bootstrap saistītajiem resursiem, piemēram, spraudņiem, vizuālajiem veidotājiem, ietvaru integrācijām un daudz ko citu.
CodyHouse
CodyHouse ir bibliotēka, kas pilna ar bezmaksas tīmekļa komponentiem, kas sastāv no HTML, CSS un JavaScript spraudņiem. Bibliotēkā ir skaisti izstrādātas megaizvēlnes, portfeļa veidnes, maksājumu integrācija, animācijas efekti, video veidnes un citi spraudņi.
Jūs varat lejupielādēt šos spraudņus un veidnes, lai tos viegli integrētu jūsu Bootstrap vietnes dizainā, lai bez maksas integrētu dažādas funkcijas un funkcijas.
Bootsnipp
Šī ir vēl viena platforma, kas piedāvā apjomīgu HTML un CSS resursu un spraudņu kolekciju. Bootsnipp īpatnība ir tā, ka šai platformai ir kodu fragmenti un spraudņi, kurus izveidojuši arī citi tīmekļa izstrādātāji un dizaineri.
Bootsnipp iekļauj visu veidu koda fragmentus un veidnes, lai palīdzētu ievērojami atvieglot tīmekļa attīstības procesu, ieskaitot veidņu veidnes, pogu noformējumus, progresa joslas, galeriju veidnes un daudz ko citu.
Jūs varat pievienoties platformai kā reģistrēts lietotājs un izveidot arī savu Bootstrap resursu kolekciju. Bootsnipp ietver arī resursus citiem HTML ietvariem, piemēram, Foundation un Semantic UI.
Codrops
Codrops ir emuārs, kurā tiek dalītas konsultācijas un rasējumi, kā izveidot unikālas veidnes un elementus ar HTML un CSS. Lieliska šī emuāra lieta ir tā, ka ne tikai ļaujiet bez maksas lejupielādēt veidnes un spraudņus, bet arī sīki aprakstīsit, kā katra veidne tika izveidota un kā jūs varat tos pielāgot savām vēlmēm.
Codrops ietver resursus, rasējumus, veidnes un spraudņus, kurus varat integrēt ar Bootstrap, lai izveidotu modernas portfeļa sadaļas, slaidrādes, video fonus, animācijas un daudz ko citu.
Shards
Shards ir moderns un minimālistisks UI komplekts, kas izveidots ar Bootstrap 4, lai izstrādātu satriecoši atsaucīgas un pirmās mobilās vietnes.
Izmantojot šo UI komplektu, jums nevajadzēs rakstīt kodu, lai veidotu kādu no Bootstrap elementiem, piemēram, pogām un izvēlnēm. UI komplekts parūpēsies par to visu jūsu labā.
Zābaku pulkstenis
Šajā vietnē ir Bootstrap ietvara pielāgotu motīvu kolekcija vairākās dažādās krāsu shēmās un dizainos.
Sarakstā ir kosmosa tematiskā Bootstrap tēma, materiāla dizaina tēma, plakanā dizaina tēma, tumšu krāsu motīvi un daudz kas cits. Varat lejupielādēt un izmantot šos motīvus, lai pielāgotu Bootstrap dizainu izskatu un izskatu, rediģējot kodu.
Fontello
Fontello ir lielisks ikonu fontu ģenerators, kas ļauj pārlūkot plašu ikonu kolekciju no vairākām populārām fontu ikonu pakotnēm, ieskaitot Font Awesome, Typicons, Brandico un citas.
Ikonu fonti šajās dienās tiek plaši izmantoti gandrīz katrā vietnes dizainā. Varat izmantot Fontello meklēšanas funkciju, lai ātri atrastu fontu paketi ar ikonu, kas saistīta ar jūsu meklēšanu, pielāgotu ikonas lielumu un lejupielādētu ikonas fontu, kas tiks izmantots jūsu Bootstrap dizainos.
Degviela UX
Fuel UX pārsvarā izmanto progresīvi tīmekļa dizaineri, lai Bootstrap ietvaru uzlādētu ar sarežģītākiem un vieglākiem JavaScript uzlabojumiem. Tas uzlabo sāknēšanas programmu ar paplašinātu funkcionalitāti un sniedz jums lielāku kontroli pār ietvara pielāgošanu. Fuel UX ir arī Salesforce mārketinga mākonis.
Typehead.js
Vai vēlaties savas vietnes meklēšanas lodziņā pievienot lielisku Google līdzīgu automātiskās pabeigšanas funkciju? Tad jūs varat lejupielādēt šo vieglo JavaScript bibliotēku un integrēt to savā Bootstrap vietnē, lai viegli atjauninātu meklēšanas lodziņu ar automātiskas aizpildīšanas meklēšanas frāzēm, automātiskiem ieteikumiem un daudz ko citu.
Blueimp galerija
Blueimp ir adaptīvu un skārienjūtīgu galeriju veidņu kolekcija, kuras varat izmantot savā vietnē, lai pievienotu attēlu un video galerijas, kā arī portfeļus.
Spraudnis ir izveidots, izmantojot Swipe JavaScript bibliotēku, kas tiek dublēta kā visprecīzākais pieskāriena slīdnis. Blueimp paplašina Swipe funkcionalitāti, ļaujot jums izvēlēties no trim dažādiem galeriju modeļiem, ieskaitot attēlu karuseli, video karuseli un gaismas kastes attēlu galeriju.
Bootstrap Expo
Šī ir vietne, kurā pieejama krāšņu vietņu kolekcija, kas veidota, izmantojot Bootstrap. Kolekciju kurators ir Marks Otto, Bootstrap dibinātājs un Github dizaina direktors. Tā ir lieliska vieta, kur rast iedvesmu savam nākamajam projektam un redzēt, kādas pārsteidzošas lietas jūs varat izveidot, izmantojot Bootstrap.
StyleBootstrap
Šis rīks ļauj jums izmantot vienkāršu interfeisu, lai pielāgotu dažādus Bootstrap aspektus. Atšķirība ir tāda, ka šī uzmanība galvenokārt ir vērsta uz vizuālajiem, dizaina aspektiem. Jūs varat viegli ienākt un mainīt krāsas, fontus, apmales un daudz ko citu.
Pati lietotne ir arī vizuālāka nekā Twitter ģenerators un ļauj jums redzēt, kādi izskatīsies jūsu stili, pirms nospiežat šo lejupielādes pogu.
Skaistas pogas zābakiem
Šis ir vienkāršs, mazs rīks, kas izdara tikai vienu: palīdz jums noformēt lieliskas pogas lietošanai ar Twitter Bootstrap. Tas sastāv tikai no četrpadsmit slīdņiem un lodziņa iegūtā CSS kopēšanai, ne mazāk, ne vairāk. Tas neradīs revolūciju veidā, kā jūs izmantojat Bootstrap, bet ar to ir jautri spēlēt.
WrapBootstrap
“WrapBootstrap ir premium klases Bootstrap tēmu un veidņu tirgus laukums. Iespaidojiet klientus un apmeklētājus, izmantojot vienotu, cieto pamatu. ”
Padomājiet par WrapBootstrap kā ThemeForest for Bootstrap. Jūs varat iegādāties vai pārdot pielāgotu stila sāknēšanas motīvu. Ja jūs domājat, ka ir muļķīgi tērēt naudu par piemaksu tēmu par tādu bezmaksas resursu kā Bootstrap, vienkārši apskatiet WordPress tēmu tirgus panākumus. Pēc noklusējuma visas Bootstrap vietnes sāk izskatīties vienādi un labi veidotas tēmas patiešām var pievienot jaukas variācijas, vienlaikus ļaujot jums paturēt prātā lielās priekšrocības, ko piedāvā Bootstrap.
Built with Bootstrap
Built with Bootstrap ir neoficiāls Tumblr emuārs, kas demonstrē dažādas vietnes, kuras, kā acīmredzami norāda nosaukums, ir veidotas, izmantojot Bootstrap. Šis ir fantastisks resurss dizaineriem, kas strādā ar Bootstrap, jo tas ļauj jums redzēt, ko reālie izstrādātāji dara ar ietvaru, kas iedvesmos jūs pats to virzīt tālāk.
Ja domājat, ka Bootstrap nespēj radīt neko citu kā vienkārša izskata dizainu, šī galerija pierādīs, ka esat nepareizi. Vietnes, piemēram, restorāns Provo, mani patiešām pārsteidza, neizskatot neko līdzīgu Bootstrap piemēra lapu klonam.
Bezmaksas Twitter Bootstrap logrīku bibliotēka
Axure ir jaudīga, profesionāla līmeņa lietojumprogramma, kas ļauj jums izveidot sarežģītus karkasus un interaktīvus maketus. Tā cena ir 589 USD par licenci, un tas ir risinājums tikai nopietniem stiepļu izgatavotājiem.
Ja vēlaties strādāt ar Twitter Bootstrap un Axure, noteikti lejupielādējiet šo lielisko bezmaksas logrīku bibliotēku, kurā ir ideāli pielāgojami Bootstrap vienumu attēlojumi, kas nemanāmi darbojas Axure.
Bootstrap PSD
Es zinu, ko daudzi no jums domā: “Uguņošana? Axure? OmniGraffle? Vienkārši dodiet man PSD! ” Lai arī jums veicas, jo Repix Design ir vajadzīgs laiks, lai izveidotu un izplatītu detalizētu, pielāgojamu PSD, kas satur visus Bootstrap dažādus komponentus.
Ja jums patīk veikt kadru veidošanu Photoshop un jūs esat Bootstrapper, šī bezmaksas lejupielāde nav prāts. Ej greifers to tagad.
Fonts satriecošs
Fonts Awesome, iespējams, ir mans mīļākais Twitter sāknēšanas resurss. Tas būtībā ir tikai ikonas fonts, lai ikviens to varētu izmantot jebkuram projektam. Tomēr tas tika īpaši izstrādāts, lai papildinātu Bootstrap vizuālo estētiku.
Fonts Awesome ir bez maksas paredzēts komerciālai lietošanai, saderīgs ar ekrāna lasītāju, un tajā ir milzīgas 150 ikonas (skaits turpina pieaugt). Pievienojiet grāmatzīmi šim, jo jums tas patiks.
Sass Twitter Bootstrap
Kad Twitter ļaudis izveidoja Bootstrap, viņi nolēma to padarīt vēl labāku ar LESS - populāro CSS priekšapstrādātāju, kas CSS rada mainīgo, maisījumu un daudz ko citu.
Lieta ir tāda, ka pirmapstrādes procesora ventilatoru bāzē ir liels sadalījums. Dažiem cilvēkiem patīk MAZĀK, jo tas ir vienkārši un neticami ērti lietojams, bet daudzi izvēlas jaudīgāku alternatīvu: Sass. Mēs nevaram vainot čivināt Dev par mazākā maršruta izvēli, taču arī Sass faniem ir vajadzīga mīlestība! Par laimi, Džons W. Longs ir pārnesis Bootstrap uz Sass, tāpēc tagad abas priekšapstrādātāju debašu puses var vismaz vienoties par vienu lietu: Bootstrap ieži.
Stylus faniem nav jāraud, ka viņi bieži nespēj iegūt pieminēšanu, tur ir arī Bootstrap Stylus ports.
Krāsu un Datepicker, kas paredzēts Bootstrap
Šeit ir daži papildu elementi, kurus varat pievienot sāknēšanas programmai. Abas ir bezmaksas, labi dokumentētas un piemērotas Bootstrap estētikai.
Kā jūs papildināt Bootstrap?
Tagad, kad esat redzējis mūsu satriecošo Bootstrap resursu sarakstu, mēs vēlamies dzirdēt no jums. Nometiet mums tvītu, lai pastāstītu mums, kādus trešo pušu resursus esat iesaistījis šajā procesā.
