Scalanie komórek planu tygodnia, przez które tabela się rozjeżdża

Warto też pilnować długości nazw. user-profile__avatar-image--rounded to poprawny BEM, ale w małym projekcie lepiej skrócić do profile__avatar--rounded, jeśli profile i tak jest unikalny. BEM nie wymaga, żeby nazwy były długie — wymaga, żeby były jednoznaczne. If you adored this post and you would certainly such as to get even more info relating to więcej szczegółów kindly visit our web page. Jeśli dwa bloki mają ten sam element o tej samej roli, np. card__title i panel__title, to znak, że można wydzielić wspólny blok, np. heading, i używać go w obu miejscach.

Osobny temat to zagnieżdżanie tabel. Technicznie jest możliwe, ale w praktyce psuje układ i utrudnia nawigację. Jeśli dane wymagają wielu poziomów, lepiej rozbij je na kilka niezależnych tabel albo użyj listy definicji. Warto też pamiętać, że tabela służy do danych tabelarycznych, a nie do budowania layoutu strony. Przy szablonach opartych na gridzie lub flexboxie nie ma po co sięgać po . Typowy błąd to wstawianie akapitów i bloków wewnątrz komórek — dopuszczalne, Porady Remontowe ale jeśli komórka zamienia się w miniaturę strony, coś poszło nie tak.

Na koniec dwie rzeczy, o których się zapomina. Pierwsza: scalona komórka to nadal jedna komórka, więc nie da się jej jednocześnie wyrównać do lewej i do środka, a zawijanie tekstu działa w całym bloku, nie w poszczególnych dniach. Druga: przy tabelach z nagłówkiem użyj th zamiast td, żeby czytniki ekranu wiedziały, co jest opisem, a co wartością. Sprawdź plan po zwężeniu okna — scalone komórki najpierw tracą czytelność, a dopiero potem psują układ.

Nie każdy przypadek da się rozwiązać samym zwiększeniem różnicy jasności. Przy kolorowym tekście na kolorowym tle kontrast bywa wysoki, a mimo to tekst męczy wzrok, bo oba kolory mają podobną jasność lub drgają optycznie. Wtedy pomaga zmiana jednego z kolorów na bardziej neutralny albo dodanie tła pod tekstem. Uważaj też na cienkie fonty: krój o wadze 300 przy kontraście 4,6:1 może wyglądać gorzej niż pogrubiony przy 4,2:1. Grubość i rozmiar wpływają na odbiór, więc traktuj liczby jako punkt wyjścia, a nie wyrok.

Kontrast to stosunek jasności względnej dwóch kolorów: jaśniejszego i ciemniejszego. Oblicza się go według wzoru zdefiniowanego w wytycznych dostępności, gdzie każdy kanał koloru najpierw poddaje się korekcji nieliniowej, a potem sumuje z wagami. Wynik zapisuje się jako proporcję, na przykład 4,5:1. Wyższa wartość oznacza większą różnicę jasności, a więc lepszą czytelność. Warto zapamiętać progi: oświetlenie w salonie 4,5:1 dla zwykłego tekstu, 3:1 dla dużego (powyżej 24 px lub 19 px pogrubionego) oraz 3:1 dla elementów interfejsu, takich jak obramowania pól czy ikony.

Zacznij od ustalenia siatki. Plan tygodnia ma zwykle kolumnę z godziną i siedem kolumn z dniami — razem osiem kolumn w każdym wierszu. To nie znaczy, że musisz wpisać osiem znaczników td w każdym wierszu. Znaczy to, że suma wartości colspan we wszystkich komórkach danego wiersza musi wynosić osiem, a komórki rozciągnięte w pionie przez rowspan z wierszy powyżej zajmują miejsce, więc nie powtarzasz ich w kolejnych wierszach.

Podstawą jest luminancja względna. Dla każdego kanału koloru (czerwony, zielony, niebieski) przelicza się wartość na skalę od zera do jednego, a potem waży je współczynnikami odpowiadającymi wrażliwości oka. Zielony waży najwięcej, niebieski najmniej. Z tych trzech liczb powstaje jedna wartość opisująca jasność koloru. Kontrast to iloraz jaśniejszej i ciemniejszej luminancji, powiększony o stałą. Wynik podaje się jako proporcję, na przykład 4,5 do 1. Im wyższa, tym lepiej.

Jak zapisać szkolenie od poniedziałku do środy Najczęstszy przypadek: coś trwa kilka dni w tej samej porze. W wierszu z godziną 9:00 wpisujesz komórkę z godziną, potem komórkę ze szkoleniem i colspan="3", bo obejmuje poniedziałek, wtorek i środę, a na końcu trzy osobne komórki na czwartek, piątek i sobotę. Suma: 1 + 3 + 3 = 7, dołożenie kolumny niedzieli wymaga zmiany na 1 + 4 + 3. Łatwo o pomyłkę, dlatego po każdej zmianie zasięgu sprawdzaj sumę od nowa, a nie tylko miejsce, w którym wpisałeś nową wartość.

Kontrast tekstu i tła to nie kwestia gustu, lecz mierzalna właściwość. Wyraża się ją stosunkiem luminancji — jasności dwóch barw — a nie różnicą odcieni. Dwa kolory mogą wyglądać zupełnie inaczej, a mieć niemal identyczną jasność. Wtedy tekst zlewa się z tłem, choć na pierwszy rzut oka wydaje się czytelny. Dlatego projektanci i twórcy treści posługują się liczbą, która ten stosunek opisuje.

Kontrast to nie estetyczny kaprys, lecz parametr, który można zmierzyć i poprawić. Wystarczy policzyć stosunek jasności, porównać z progami i sprawdzić kolor końcowy po nałożeniu przezroczystości. Dzięki temu tekst będzie czytelny niezależnie od tego, kto i na czym go otworzy.

Przyjęte progi są trzy. Dla zwykłego tekstu minimum to 4,5 do 1, a dla dużego — powyżej osiemnastu punktów lub czternastu pogrubionych — wystarczy 3 do 1. Najwyższy poziom, 7 do 1, dotyczy tekstu, który musi być czytelny w trudnych warunkach: meble na wymiar słońcu, na małym ekranie, przy słabym wzroku. Warto traktować te liczby jako punkt wyjścia, nie jako cel sam w sobie.