54. jednostki rem, vh, vw
✓ Jednostki te pozwalają łatwiej zarządzać
rozmiarem tekstu
✓ i dopasować go do wymiarów ekranu
urządzenia
✓ W wypadku VH i VW możemy też
dostosowywać layout do ekranu urządzenia
55. Stosowalność w Joomla!
✓ Jednostki REM można śmiało stosować w
stylach CSS i trzeba jedynie pamiętać o
fallbacku dla IE8
✓ REM można też zastąpić w Joomla! 3.x kodem
pisanym w LESS
✓ VH i VW to jednostki o ciągle słabym
wsparciu szczególne w przeglądarkach
mobilnych
56. Podejście mobile-first
✓ Bootstrap 3 opiera się na mobile-first
✓ pozwala uniknąć problemów z wydajnością
strony i jej niedostosowaniem do małych
ekranów urządzeń
58. Progressive enhancement
✓ Według wielu lepsze niż tzw. “Graceful
degradation”
✓ Funkcjonalności dodawane są wraz z
rosnącym ich wsparciem w danych
urządzeniach - wydajniejsze urządzenie =
więcej funkcjonalności
62. CSS Regions
✓ Umożliwią reorganizację układu w zależnie od rozdzielczości
✓ Pozwalają na swobodny “przepływ” treści strony
http://html.adobe.com/webplatform/layout/regions/
65. Element Queries
✓ Pozwolą na tworzenie responsywnych
komponentów stron i ich ponowne
wykorzystanie
✓ W niektórych wypadkach mogą wręcz
całkowicie wyprzeć media-queries
.element (min-width: 500px) {
width: 200px;
}