Bootstrap vs Foundation

Responsywaność tak, tak, tak!!!

Porównanie frameworków

	Bootstrap	Foundation
media-view	dodajemy 'media-view' gdy potrzebujemy zaprojektować wersję na mniejsze rozdzielczości	dodajemy 'media-view' jeśli chcemy zaprojektować coś na większe ekrany
system siatki	system siatki polega na określeniu statycznych rozmiarów dla których następuje zmiana styli tzw. punkty przejścia (breakpoints) -można użyć klasy dla określenia procentów - będzie efekt jak w Foundation	efekt skalowalności
jednostki	pixel	rem
możliwość dopasowania	można dopasowywać, ma wiele możliwości zmiany stylu	można dopasowywać, ma mniejsze możliwości zmiany stylu
wsparcie przeglądarek	wspiera wszystkie przeglądarki	wspiera wszystkie przeglądarki z wyjątkiem IE 8

- wybór frameworka dokonany - Bootstrap
Jest bardziej popularny, łatwiej modelowany i informacji o nim są bardziej dostępne. Poza tym wspiera wszystkie przeglądarki.
Stronka przede wszystkim ma dobrze wyglądać na dużym ekranie.

Framework Foundation

Okazuje się, że frameworków do responsywnych stron jest więcej. Drugim popularnym jest Foundation. Posiada on 12-kolumnową siatkę (grid) zapewniającą układ, strukturę strony, style dla przycisków, formularzy. Wszystkie te elementy są skalowalne w zależności od urządzenia, na którym jest wyświetlane.

Tak jak w bootstrap należy w dodać link do stylów

<link rel="stylesheet" href="stylesheets/foundation.css">
<link rel="stylesheet" href="stylesheets/app.css">

oraz linków do skryptów

<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/modernizr.foundation.js"></script>
<script src="javascripts/foundation.js"></script>
<script src="javascripts/app.js"></script>
Podstawową różnicą pomiędzy dwoma frameworkami jest to, że Foundation ma podejście projektowe typu najpierw mobilne (mobile-first), Bootstrap odwrotnie.

No to teraz muszę zdecydować.