Bootstrap - што гэта? Twitter Bootstrap - дызайн і стварэнне сайтаў

Тыя, кто хоць трохі працуе са сферай вебдизайна і знаёмы з працэсам стварэння сайтаў і іх афармлення, ведае, як далёка за апошні час ступілі магчымасці па візуалізацыі вашага кантэнту. Дзякуючы тэхналогіях CSS, JavaScript і Flash, сумешчаным разам, з любога сайта можна зрабіць сапраўдны шэдэўр, гэтакае твор сучаснага мастацтва. І, вядома ж, многія дызайнеры займаюцца гэтым, а вялікая колькасць кампаній шчодра замаўляе распрацоўкі парталаў з неверагоднай графікай. Прычым, «вау-эфект» старонкі можа быць дасягнуты не толькі за кошт набору розных эфектаў, але і з дапамогай простых, але прыгожых пераходаў, Інфаграфіка, спасылак і іншага.

Праўда, кожны дызайнер і вярстальнік ведае, што для эканоміі часу пры распрацоўцы любога рэсурсу трэба мець пэўную базу, шаблон, на аснове якога можна будзе стварыць канчатковы «шэдэўр». Менавіта для гэтага і была створана платформа Bootstrap: сёння яна дапамагае зэканоміць час і спрасціць задачу тысячам вэб-дызайнераў.

Bootstrap - што гэта?

Такім чынам, пачаць апісанне прадукту варта з яго агульнай характарыстыкі. Таму адзначаем, што Bootstrap - гэта платформа, выяўленая ў наборы своеасаблівых шаблонаў для сайта. Кожны з іх уключае графіку, разметку CSS і, вядома ж, HTML.

Увесь гэты набор ідзе ў адным архіве, які можна бясплатна спампаваць з афіцыйнай старонкі платформы. Такім чынам, кожны, хто жадае распрацаваць свой сайт, можа скарыстацца гэтым наборам, і яму не трэба будзе пісаць кожную старонку з нуля, робячы базавыя дзеянні: пазначаючы сайт, разбіваючы яго на блокі, падбіраючы графіку для базавых абразкоў і гэтак далей. Пры гэтым, кожны набор Twitter Bootstrap досыць індывідуальны. У адрозненне ад звыклых нам шаблонаў, у ім няма нічога лішняга, што трэба будзе прыбіраць ці замяняць. Ствараць сваё стварэнне дызайнер зможа непасрэдна на базе Bootstrap.

Як пачаць стварэнне сайта?

Такім чынам, з самой платформай мы ўжо пазнаёміліся, цяпер пераходзім да таго, як жа пачаць распрацоўку свайго унікальнага сайта. Для пачатку, вядома, трэба спампаваць архіў з шаблонам Twitter Bootstrap. Займае ён зусім мала месца, а атрымаць яго можна на старонцы GetBootstrap. Там жа можна абраць і размяшчэнне блокаў, якое вам трэба для сайта. Да прыкладу, ёсць старонкі ў выглядзе landing-page з аднаго малюначкам, ёсць са слайдэрам, з некалькімі загалоўкамі, з прадусталяванымі эфектамі і гэтак далей. Трэба проста зрабіць выбар і спампаваць той архіў, які падыдзе для вашага сайта, ствараецца на аснове Bootstrap. Што гэта за набор, вы ўбачыце адразу пасля запампоўкі.

індывідуалізацыя тэмы

З сябе кожная тэма ўяўляе, як і любы сайт, набор файлаў HTML, CSS і графікі. Распрацоўшчыкі платформы імкнуліся да таго, каб падвесці нормы дызайну пад адны стандарты, пры гэтым па максімуму даючы магчымасці для індывідуалізацыі вашай тэмы. Таму для таго, каб зрабіць свой сайт непаўторным, трэба будзе разбірацца ў прыладзе платформы, архітэктуры сайта на ёй і тым, як прапісваецца код кожнага шаблону. Зрабіць гэта трэба адзін раз, пасля чаго ствараць свае праекты будзе лягчэй, выкарыстоўваючы Bootstrap. CSS і графіка аднолькавыя на ўсіх тэмах. У гэтым і плюс такога падыходу.

Усё, што нас цікавіць - гэта CSS-файл з назвай тэмы (ён змешчаны ў тэчку «css», апроч яго там вы знойдзеце яшчэ два файла базавых настроек платформы, іх можна не чапаць); а таксама «index.html», які ўяўляе з сябе разметку галоўнай старонкі. Адштурхоўвацца варта ад гэтага, а іншыя спецыфічныя дапаўненні ў выглядзе слайдеров, нейкіх Javascript-эфектаў ўжо будуць вызначацца вашай задачай стварыць той ці іншы сайт. Напрыклад, у шаблёне Bootstrap меню можа быць распрацавана ў сумным шэрым колеры. Для свайго сайта вы, вядома ж, зменіце яго такім чынам, каб яно было выканана ў падыходным колеры і з усімі патрэбнымі эфектамі. Гэта і ёсць тая самая індывідуалізацыя, але пры гэтым, паколькі ёсць Bootstrap, ствараць меню з нуля няма неабходнасці, што эканоміць час.

Магчымасці для дызайнераў

Уласна, зараз аб магчымасцях, якія дае платформе Bootstrap. Што гэта за перспектывы - працаваць з такімі архівамі? Здавалася б, чым яны так характэрныя?

Па сутнасці, нічога такога ў платформе для распрацоўшчыкаў ад Twitter няма. Ідэя вельмі простая, як і яе рэалізацыя. Але зараз вось дызайнер не павінен ствараць старонку сайта з нуля, каб потым надаць ёй патрэбны выгляд. Не, цяпер спецыяліст можа пачаць непасрэдна з абалонкі, з дызайну сайта, не адцягваючыся на такія базавыя рэчы, як асноўная разметка. Ці гэта не прыклад эфектыўнага і рацыянальнага выкарыстання часу?

Акрамя таго, не было адзначана яшчэ адна перавага Bootstrap - што гэта спосаб, які дапамагае людзям, якія не валодаюць навыкамі стварэння разметкі CSS на высокім узроўні, стварыць свой прафесійны дызайн, бо ўсе прылады, якія могуць спатрэбіцца вярстальшчыкі, ужо ёсць у шаблонах, пра якія ідзе гаворка. Чалавек, які ведае аб стварэнні сайтаў асновы, здольны на значна большае. А гэта ўжо сапраўды важкі плюс у карысць Bootstrap.

Цяпер праект знаходзіцца на стадыі развіцця, нягледзячы на тое, што запушчаны ён быў яшчэ ў 2011 і з тых часоў на ім пачалі працаваць тысячы людзей. Будзем спадзявацца, што распрацоўшчыкі будуць і далей спрашчаць працу з вэб-дызайнам і дапамагаць людзям ствараць нешта новае, індывідуальнае і карыснае свеце.