Nazywam się Twitter Bootstrap 3 i niestety niczym nie zaskakuję

Od kilku dni mamy możliwość pobrania (chociaż właściwie już nie mamy, bo serwery Twittera zgłaszają błąd podczas próby ściągnięcia paczki) wersji Release Candidate, która jest już stabilnym fundamentem dla wydania wersji ostateczniej wersji znanego nam wszystkim frameworka Twitter Bootstrap. Niestety już na samym początku muszę powiedzieć, że Bootstrap 3 zawodzi, szczególnie pod kątem redesignu. Przyjrzałem się wprowadzonym zmianom i mogę szczerze stwierdzić, że najświeższe wydanie jest po prostu kiepskie. Co więcej, nie są to tylko moje spostrzeżenia.

Kiedy tylko przyjrzymy się dokumentacji, bez problemu zauważymy, że pod względem "kodu" dość sporo się zmieniło. Raczej to nie dobrze, bo będziemy zmuszeni do gruntownej przebudowy naszych aplikacji czy stron www w wypadku ewentualnej migracji frameworka. Główna, podstawowa struktura pozostała prawie bez zmian. Jedynym wyjątkiem jest opcjonalna możliwość dodania responsywnych elementów dla przeglądarki Internet Explorer 8. Zasadność tej praktyki pozostawię bez komentarza. Biorąc pod uwagę procentowy udział w rynku dla IE8 jest to kosmetyczne usprawnienie.

{source}
<pre xml:lang="html5">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;!– Bootstrap –&gt;
&lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; media=&quot;screen&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Hello, world!&lt;/h1&gt;

&lt;!– JavaScript plugins (requires jQuery) –&gt;
&lt;script src=&quot;http://code.jquery.com/jquery.js&quot;&gt;&lt;/script&gt;
&lt;!– Include all compiled plugins (below), or include individual files as needed –&gt;
&lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;

&lt;!– Optionally enable responsive features in IE8 –&gt;
&lt;script src=&quot;js/respond.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
{/source}

Twitter Bootstrap nie wspiera starych przeglądarek. Jeżeli jednak koniecznie chcemy włączyć możliwie najstarszy tryb zgodności dla IE, powinniśmy w meta tagach witryny dodać następujący kod.

{source}
<pre xml:lang="html5">&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;</pre>
{/source}

Zestaw ikon Glyphicons

Ikony ze zbioru Glyphicons są nadal wykorzystywane. Pełny ich podgląd mamy na zdjęciu poniżej.

Grid system

Wydaję mi się, że największym zmianom został poddany grid system Bootstrapa. W dokumentacji widnieją nowe nazwy CSS’owych klas. Wprawiły mnie one w lekkie zakłopotanie, jednak przy dłuższej zabawie nabrały one dość logicznego sensu. Nie zmienia to jednak faktu, że takowy ruch może wprowadzić sporo zamieszania i wymusić "przestawienie się" na nowe nazewnictwo. Więcej o Grid System przeczytacie w oficjalnej dokumentacji.

Typografia

Na szczęście wszelkie widoczne poprawki typograficznych elementów nie zostały wprowadzone. Możemy cieszyć się tekstem (przynajmniej w skompilowanej wersji) rodem z Twitter Bootstrap 2.3.2.

Formularze i buttony

Są to elementów, który osobiście podobają mi się najmniej. Wiem, że najświeższe trendy wyolbrzymiają większość elementów, jednak ogromne inputy tekstowe są po prostu mało poręczne. Drugą zmianą jest usunięcie wypukłości z kolorowych buttonów. O ile te w "starej" były całkiem ładne, w tej chwili stały się monotonne i jednokolorowe. Porównajcie sami.

JavaScript’owe dodatki

Te pozostały w większości bez zmian. Oczywiście poprawiono ich design, który jednym jak zwykle będzie się podobał, a innym już nie. Dla przykładu spójrzcie na nowy slider.

Podsumowanie

Kończąc ten niedługi wpis chciałbym zwrócić Wam również uwagę na ewidentny brak konsekwencji autorów Twitter Bootstrap. Z jednej strony idziemy w minimalizm (płaskie buttony), a z drugiej wciąż pozostawiamy cienie wielu elementów. Jak to razem się komponuje? Nijak.

Mam wciąż jednak nadzieję, że wraz z pojawieniem się kolejnej wersji Release Candidate kwestia wyglądu wielu elementów zostanie lepiej dopracowana. Tym czasem zapraszam Was do przejrzenia oficjalnej dokumentacji Twitter Botstrap 3 oraz podzielenia się z nami swoimi spostrzeżeniami. Jest lepiej? Gorzej? Zachęcam do dyskusji.