Dobre praktyki

Oto kilka uwag, które pomogą Ci lepiej zrozumieć i wykorzystać układ Twoich stron, nawet jeśli ewoluuje, trendem pozostaje tworzenie „wyśrodkowanych” stron z rozszerzonym tłem lub nie, tutaj właśnie ważne są właściwości Boxa.

Pudełka, marże i przekładki

  • Korzystanie z pudełka

    Dla przypomnienia, Box jest pierwszym komponentem, który upuszcza się na stronę, zawiera jeden lub więcej wierszy zawierających kolejno komponenty (obrazek, przycisk, obszar koloru, …).

  • Wykorzystanie Margins

    Jedną z nowych cech tej wersji jest integracja Margins (nie mylić z Spacerami). Margines jest obecny dla Boxa, ale także dla dużej liczby komponentów (tekst, galeria, obrazek, …) i to właśnie obecność tych 2 opcji pozwoli Ci na stworzenie własnej (i oryginalnej) witryny. Nie wahaj się użyć ich do tworzenia offsetów komponentów, na przykład…

  • Użycie szpachelki

    Spacery są skuteczne w centrowaniu elementu (np. menu) i definiowaniu obszaru wyświetlania (np. obrazu), w przeciwnym razie w zdecydowanej większości przypadków zalecamy stosowanie marginesów i odstępów poziomych (w linii z kilkoma elementami).

Przykłady

Przykład dobrego wykorzystania przekładki poziomej :

../../_images/spacer1.png
../../_images/spacer2.png

Przykład dobrego wykorzystania Vertical Spacer :

../../_images/spacer_vert.png

Ten sam element z 1 px przekładką pionową:

../../_images/spacer_1px.png

Użycie klawiszy klawiatury

  • Nacisnąć klawisz Shift :

    Ten klawisz służy do przewijania (nawigacji) w głąb elementów pod myszką. Na przykład, znajdujesz się na elemencie tekstowym, klikając myszką (i naciskając klawisz Shift), przejdziesz kolejno od elementu tekstowego, do elementu liniowego, a następnie do pola. Pozwoli to na szybkie przeglądanie różnych właściwości/opcji zastosowanych do wybranych komponentów.

  • Naciśnij klawisz Ctrl :

    W bardziej tradycyjny sposób, klucz ten pozwala na wybranie kilku komponentów w celu skopiowania/wklejenia ich gdzie indziej na tej samej (lub innej) stronie.