20+ Úžasné zdroje pro milovníky zavádění
Bootstrap jednoduše explodoval v komunitě pro vývoj webových aplikací. Vždy budou skeptici a nenávisti, ale celkově byl tento projekt nesmírně úspěšný a lze jej neustále vidět na horních částech žebříků Vidlice a Sledované na GitHubu.
V důsledku slávy Bootstrapu bylo vývojovou komunitou předloženo mnoho souvisejících zdrojů. Dnes jsme shromáždili naše oblíbené do seznamu všeho, co potřebujete, abyste mohli začít s Bootstrapem. Od úvodních tutoriálů po wireframingové sady a vlastní generátory je tu pro každého milovníka Bootstrapu něco.
Prozkoumejte šablony Bootstrap
Spusťte Bootstrap
Start Bootstrap je platforma all-in-one pro všechny typy motivů, průvodců a předem navržených bezplatných a prémiových šablon HTML vytvořených pomocí Bootstrap.
Stránka obsahuje bezplatné předdefinované šablony pro vytváření vstupních stránek, osobní webové stránky pro obnovení, portfolia a mnoho dalšího. Existuje také mnoho rychlých rozvržení Bootstrapů, které si můžete stáhnout, abyste mohli rychle začít s webovými projekty.
Start Bootstrap navíc obsahuje rozsáhlý seznam zdrojů Bootstrap, který obsahuje odkazy na všechny typy zdrojů souvisejících s Bootstrap, jako jsou pluginy, vizuální stavitelé, integrace rámců a další.
CodyHouse
CodyHouse je knihovna plná bezplatných webových komponent, které se skládají z pluginů HTML, CSS a JavaScript. Knihovna obsahuje krásně navržená mega menu, šablony portfolia, platební integrace, animační efekty, video šablony a další pluginy.
Tyto pluginy a šablony si můžete stáhnout a snadno je integrovat do svých vlastních návrhů webových stránek Bootstrap a integrovat různé funkce a funkce zdarma.
Bootsnipp
Toto je další platforma, která nabízí rozsáhlou sbírku zdrojů a pluginů HTML a CSS. Specialitou Bootsnipp je, že tato platforma obsahuje úryvky kódu a pluginy vytvořené jinými webovými vývojáři a designéry.
Bootsnipp obsahuje všechny typy fragmentů kódu a šablon, které vám usnadní vývoj webových aplikací, včetně šablon formulářů, návrhů tlačítek, indikátorů průběhu, šablon galerie a dalších.
Můžete se připojit k platformě jako registrovaný uživatel a také si vytvořit vlastní sbírku zdrojů Bootstrap. Bootsnipp také zahrnuje zdroje pro jiné rámce HTML, jako je Foundation and Semantic UI.
Codrops
Codrops je blog, který sdílí návody a plány o tom, jak vytvořit jedinečné šablony a prvky s HTML a CSS. Skvělá věc na tomto blogu je, že kromě toho, že vám umožní zdarma stahovat šablony a pluginy, bude také podrobně popisovat, jak byla každá šablona vytvořena a jak je můžete přizpůsobit vašim preferencím.
Codrops zahrnuje zdroje, plány, šablony a pluginy, které můžete integrovat do Bootstrapu a vytvářet tak módní sekce portfolia, prezentace, video pozadí, animace a mnoho dalšího.
Střepy
Shards je moderní a minimalistický UI kit postavený s Bootstrapem 4 pro navrhování ohromujících responzivních a mobilních webových stránek.
Při použití této sady uživatelského rozhraní nebudete muset psát kód, abyste mohli upravovat styl prvků Bootstrap, jako jsou tlačítka a nabídky. Sada UI se o vše postará za vás.
Bootswatch
Tato stránka obsahuje kolekci vlastních motivů pro rámec Bootstrap v několika různých barevných schématech a vzorech.
Seznam obsahuje téma Bootstrap s prostorovým motivem, téma materiálového designu, téma plochého designu, temné barvy a další. Tato témata si můžete stáhnout a použít k přizpůsobení vzhledu a vzhledu svých návrhů Bootstrap, aniž byste museli upravovat kód.
Fontello
Fontello je šikovný generátor ikon, který vám umožní procházet rozsáhlou sbírku ikon z několika populárních balíčků ikon písma, včetně Awesome, Typicons, Brandico a dalších.
Ikony písma jsou v dnešní době široce používány téměř v každém designu webových stránek. Pomocí funkce vyhledávání v Fontello můžete rychle najít sadu písem s ikonou související s vaším vyhledáváním, upravit velikost ikony a stáhnout písmo ikony, které se použije pro vaše návrhy Bootstrap.
Palivo UX
Fuel UX používají většinou pokročilí weboví designéři k přeplňování rámce Bootstrap komplikovanějšími a lehčími vylepšeními JavaScriptu. Vylepšuje Bootstrap s rozšířenou funkčností a dává vám větší kontrolu nad přizpůsobením rámce. Fuel UX je také součástí marketingového cloudu Salesforce.
Typehead.js
Chcete do vyhledávacího pole svého webu přidat úžasnou funkci automatického doplňování podobnou Googlu? Pak si můžete stáhnout tuto odlehčenou knihovnu JavaScriptu a integrovat ji do svého webu Bootstrap a snadno upgradovat vyhledávací pole pomocí automatického doplňování vyhledávacích frází, auto-návrhů a dalších.
Galerie Blueimp
Blueimp je sbírka responzivních a dotykových šablon galerií, které můžete na svém webu použít k přidávání obrazových a video galerií a portfolií.
Plugin je vytvořen na základě knihovny Swipe JavaScript, která je označována jako nejpřesnější dotykový jezdec. Blueimp rozšiřuje funkčnost funkce Swipe tím, že vám umožňuje vybrat ze tří různých modelů galerií, včetně obrazového karuselu, video karuselu a galerie obrázků lightbox.
Exot Bootstrap
Toto je web, který obsahuje sbírku nádherných webů vytvořených pomocí Bootstrapu. Sbírku kurátorů tvoří Mark Otto, zakladatel Bootstrapu a ředitel designu v Githubu. Je to skvělé místo, kde najdete inspiraci pro váš další projekt a uvidíte, jaké úžasné věci můžete pomocí Bootstrapu vybudovat.
StyleBootstrap
Tento nástroj umožňuje použít jednoduché rozhraní k přizpůsobení různých aspektů Bootstrapu. Rozdíl je v tom, že se tento zaměřuje především na vizuální, designové aspekty. Můžete snadno vstoupit a měnit barvy, písma, ohraničení a mnoho dalšího.
Samotná aplikace je také vizuálnější než generátor Twitteru a umožňuje vám zjistit, jak budou vypadat vaše styly, než stisknete tlačítko Stáhnout.
Krásná tlačítka pro bootování
Jedná se o jednoduchý malý nástroj, který dělá pouze jednu věc: pomůže vám navrhnout skvěle vypadající tlačítka pro použití s Twitter Bootstrap. Skládá se pouze ze čtyř posuvníků a krabice pro zkopírování výsledného CSS, o nic méně, nic víc. Nebude to revoluční způsob, jakým používáte Bootstrap, ale je zábavné hrát si s ním.
WrapBootstrap
„WrapBootstrap je tržiště prémiových témat a šablon Bootstrapu. Udělejte dojem na své klienty a návštěvníky při používání jediného, pevného základu. “
Představte si WrapBootstrap jako ThemeForest pro Bootstrap. Můžete si koupit nebo prodat vlastní stylizovaná Bootstrap témata. Pokud si myslíte, že je hloupé utrácet peníze za prémiové téma za bezplatný zdroj, jako je Bootstrap, podívejte se na úspěch trhu s tématem WordPress. Ve výchozím nastavení všechny weby Bootstrap začínají vypadat stejně a pěkně navržená témata mohou opravdu přidat nějakou pěknou variantu a zároveň vám umožní držet se velkých výhod, které Bootstrap nabízí.
Postaveno s Bootstrap
Postaven s Bootstrap je neoficiální Tumblr blog, který představuje různé weby, které, jak název samozřejmě napovídá, byly vytvořeny pomocí Bootstrap. Toto je fantastický zdroj pro designéry pracující s Bootstrapem, protože vám umožní vidět, co skuteční vývojáři dělají s rámcem, což vás bude inspirovat k tomu, abyste si ho dále vzali.
Pokud si myslíte, že program Bootstrap není schopen vést k ničemu jinému, než jen vzhledu, tato galerie vám ukáže, že se mýlíte. Weby jako restaurace Provo mě opravdu překvapily tím, že jsem nevypadal jako klon vzorových stránek Bootstrap.
Zdarma Twitter Bootstrap Widgets Library
Axure je výkonná aplikace na profesionální úrovni, která vám umožňuje vytvářet složité drátové modely a interaktivní makety. Za 589 $ za licenci je to řešení pouze pro seriózní telegrafisty.
Pokud byste chtěli pracovat s Twitter Bootstrap a Axure, stáhněte si tuto skvělou bezplatnou knihovnu widgetů, která obsahuje perfektní přizpůsobitelné reprezentace položek Bootstrap, které v Axure bezproblémově fungují.
Bootstrap PSD
Vím, co si mnozí z vás myslí: „Ohňostroje? Axure? OmniGraffle? Jen mi dejte PSD! “ Máte štěstí, protože Repix Design si vyžádal čas na vytvoření a distribuci podrobného, přizpůsobitelného PSD obsahujícího všechny různé komponenty Bootstrapu.
Pokud si přejete, abyste si ve Photoshopu udělali své drátové hry a jste Bootstrapperem, toto bezplatné stažení není žádný inteligentní program. Jdi to chytit hned teď.
Písmo Awesome
Font Awesome je pravděpodobně můj oblíbený zdroj Twitter Bootstrap. Jde v zásadě pouze o ikonu písma, takže ji může kdokoli použít pro jakýkoli projekt. Byl však speciálně navržen tak, aby doplňoval vizuální estetiku Bootstrapu.
Font Awesome je zdarma pro komerční použití, kompatibilní s čtečkou obrazovky a obsahuje neuvěřitelných 150 ikon (počet, který neustále roste). Uložte si tuto záložku, protože ji budete milovat.
Sass Twitter Bootstrap
Když lidé Twitter vytvořili Bootstrap, rozhodli se to ještě vylepšit pomocí LESS, populárního preprocesoru CSS, který přináší CSS kouzlo proměnných, mixinů a mnohem více.
Jde o to, že v základně ventilátoru preprocesoru je velká část. Někteří lidé milují NÍZKÉ, protože je to jednoduché a neuvěřitelně snadné použití, ale mnozí se rozhodnou pro silnější alternativu: Sass. Nemůžeme obviňovat Twitter z toho, že se vydali na LESS trasu, ale fanoušci Sass potřebují taky nějakou lásku! Naštěstí John W. Long přenesl Bootstrap na Sass, takže nyní se obě strany debaty o preprocesoru mohou alespoň shodnout na jedné věci: Bootstrap rocks.
Fanoušci stylusu nemusí truchlit nad skutečností, že se jim často nedaří zmínit, je zde také port stylusu Bootstrap.
Colorpicker a Datepicker pro Bootstrap
Zde je několik dalších prvků, které můžete přidat do Bootstrapu. Oba jsou zdarma, dobře zdokumentované a zapadají přímo do estetiky Bootstrapu.
Jak doplníte Bootstrap?
Nyní, když jste viděli náš seznam úžasných zdrojů Bootstrap, chceme vás slyšet. Zašlete nám tweet a řekněte nám, jaké prostředky třetích stran jste do tohoto procesu začlenili.