Mała: Bootstrap

piątek, 17 marca 2017

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.

czwartek, 9 marca 2017

Bootstrap

W dzisiejszych czasach tworząc stronę internetową musimy pamiętać, że klienci mogą siedzieć wygodnie w domu przed komputerem w poszukiwaniu pani kosmetyczki, siedzieć w pociągu i z nudów przeglądać salony używając tabletu, lub biegnąc gdzieś między samochodami na parkingu i pospiesznie przeglądać strony na komórce, bo muszę zaraz ...

Dlatego ważne jest żeby strona była responsywna. Dlaczego nie skorzystać z gotowego frameworka css? Jednym z najpopularniejszych jest obecnie Bootstrap. Wspiera popularne przeglądarki: Firefox, Chrome, Opera, Safari, IE8+. Zawiera 12-kolumnową siatkę w wersji ze stałą i z automatyczną szerokością. Ułatwia tworzenie typografii, formularze, tabele, nawigację i ikonki. Skryptów JS pozwalająca na obsługę okien modalnych, dropdownów, akordeonów czy sliderów.

Proste, ściągamy Bootstrapa, do sekcji <head> dodajemy link do jego lokalizacji:

<link href="css/bootstrap.min.css" rel="stylesheet">

Dodajemy możliwość korzystania ze skryptów:

<script src="js/bootstrap.min.js"></script>

i gotowe. Można już korzystać z frameworka.