Czy kotwica na jednej stronie naprawdę wymaga aż tyle zachodu?

2026-10-19T18:26:58Z

BlancheHolyman4: Die Seite wurde neu angelegt: „Zacznij od pytania, po co obraz jest na stronie. Jeśli ilustruje treść, opisz tę treść, a nie sam obraz. Zamiast „zdjęcie psa" napisz „pies prowadzi niewidomego na przejściu dla pieszych". Zamiast „wykres słupkowy" napisz, co z niego wynika, np. „sprzedaż rośnie od marca do czerwca". Czytnik ekranu odczyta cały alt, więc trzymaj się jednego, zwięzłego zdania. Długie opisy są męczące, a przy obrazach czysto dekoracyjnych wręcz…“

Zacznij od pytania, po co obraz jest na stronie. Jeśli ilustruje treść, opisz tę treść, a nie sam obraz. Zamiast „zdjęcie psa" napisz „pies prowadzi niewidomego na przejściu dla pieszych". Zamiast „wykres słupkowy" napisz, co z niego wynika, np. „sprzedaż rośnie od marca do czerwca". Czytnik ekranu odczyta cały alt, więc trzymaj się jednego, zwięzłego zdania. Długie opisy są męczące, a przy obrazach czysto dekoracyjnych wręcz szkodliwe. Po kliknięciu linku adres w pasku zmieni się o dopisek z hashem, a strona przewinie się do celu. Warto zadbać o margines — jeśli na górze jest przyklejony pasek nawigacji, nagłówek może schować się pod nim. Rozwiązaniem jest dodanie w CSS odstępu, np. scroll-margin-top dla elementu z id. Dzięki temu treść nie ląduje pod nakładką i wygląda estetycznie na każdym ekranie. Flex-basis w procentach nie uwzględnia automatycznie odstępów. Jeśli ustawisz dwóm elementom flex: 0 0 50% i dodasz gap: 16px, suma przekroczy szerokość rodzica i elementy się zawiną albo zaczną się ściskać. Rozwiązanie: albo policz szerokość z uwzględnieniem gap, np. flex-basis: calc(50% - 8px) przy jednym odstępie, albo użyj flex: 1 1 0 i pozwól przeglądarce rozdzielić wolną przestrzeń. Pamiętaj też, że padding i border zwiększają rozmiar elementu, jeśli nie ustawisz box-sizing: border-box. Wtedy 50% plus padding daje więcej niż połowę rodzica i układ się rozjeżdża. hsl() opisuje kolor przez odcień, nasycenie i jasność. Odcień to stopnie na kole barw, od 0 do 360. Nasycenie i jasność podaje się w procentach. hsl(210 100% 56%) odpowiada temu samemu kolorowi co #1e90ff. Zaletą jest przewidywalność: gdy chcesz rozjaśnić odcień, zmieniasz tylko trzecią wartość. Gdy chcesz go wyciszyć, zmniejszasz drugą. Przy rgb i zapisie szesnastkowym każda taka zmiana wymaga przeliczenia trzech kanałów. Typowe błędy to walka z objawem zamiast przyczyny. Przesuwanie elementów position: relative z wartościami w pikselach działa do pierwszego skalowania ekranu i zmiany fontu. Zerowanie line-height na rodzicu bez przywrócenia go w dzieciach ucina tekst. Mieszanie float z inline-block w jednym wierszu rozjeżdża wyrównanie, bo float wypada z normalnego przepływu i nie bierze udziału w ustawianiu linii bazowej. Jeśli układ ma być naprawdę odporny, rozważ flexbox z align-items: center albo baseline — nowsze przeglądarki obsługują to bez sztuczek. Zacznij od nadania identyfikatora. Wybierz nagłówek, akapit albo kontener, który ma być celem, i dopisz do niego id, np. . Nazwa musi być unikalna w całym dokumencie, może zawierać litery, cyfry, myślniki i podkreślenia, nie powinna mieć spacji ani polskich znaków. W praktyce lepiej używać krótkich, opisowych nazw po angielsku — mniej problemów przy kopiowaniu i w narzędziach analitycznych. Wiersze, komórki i atrybuty, które porządkują ukł Nazwy słowne, jak red, navy, tomato, działają i są czytelne, ale jest ich ograniczony zestaw. W praktyce używa się ich do szybkich prototypów albo w miejscach, gdzie kolor ma być oczywisty dla każdego, kto zajrzy w kod. Uwaga na nazwy, które wyglądają podobnie: gray i grey to ten sam kolor, ale już darkgray i dimgray to dwie różne szarości. Literówka w nazwie nie zepsuje arkusza — przeglądarka po prostu zignoruje regułę i użyje koloru dziedziczonego. Drugi częsty problem to duplikaty id. Gdy ten sam identyfikator pojawi się dwa razy, przeglądarka zwykle przejdzie do pierwszego wystąpienia, a reszta przestanie działać. Warto więc przed wdrożeniem przeszukać kod pod kątem powtórzeń. Uwaga też na znaki specjalne i polskie litery w id — część narzędzi je zakoduje, co rozjedzie się z linkiem. Bezpieczniej trzymać się prostego alfabetu. Kolor w CSS można zapisać na kilka sposobów. Nazwy słowne, zapis szesnastkowy, rgb() i hsl() to cztery najczęstsze warianty. Każdy z nich prowadzi do tego samego efektu: przeglądarka zamienia wartość na kanały czerwony, zielony i niebieski. Różnica tkwi w tym, jak łatwo ci odczytać intencję, jak szybko poprawić odcień i czy wartość przetrwa kopiowanie między plikami. Elementy ustawione jako inline-block zachowują się jak znaki w wierszu tekstu — siadają na linii bazowej, a nad nimi zostaje miejsce na górną krawędź jak przy literach z wydłużeniami. Dlatego dwa pola o tej samej wysokości potrafią wyglądać nierówno: jedno opiera się na dolnej linii, drugie wisi wyżej albo niżej. Zanim zaczniesz przesuwać je marginesami, sprawdź, co dzieje się w pionie między ich dolną krawędzią a linią bazową rodzica. Zapis szesnastkowy, rgb i hsl — co wybrać w konkretnej sytuacji Zapis szesnastkowy, np. #1e90ff, to skrót od trzech par cyfr. Każda para to jeden kanał w systemie szesnastkowym, od 00 do ff. Jeśli wszystkie pary są takie same, można skrócić zapis do trzech znaków: #ffffff to #fff, #aabbcc to #abc. Skrót działa tylko przy powtórzonych parach — #1e90ff nie da się skrócić. Czwarta para lub czwarty znak to kanał alfa, czyli przezroczystość: #1e90ff80 to kolor z połową krycia.

Benutzer:BlancheHolyman4

2026-10-19T18:26:55Z

BlancheHolyman4: Die Seite wurde neu angelegt: „Pasjonat urządzania mieszkań na co dzień. Piszę o tym, jak wycisnąć maksimum z małego metrażu. Najbardziej lubię zmiany, które widać od pierwszego dnia.“

Pasjonat urządzania mieszkań na co dzień. Piszę o tym, jak wycisnąć maksimum z małego metrażu. Najbardziej lubię zmiany, które widać od pierwszego dnia.

Rettungsdienst-Wiki - Benutzerbeiträge [de]

Czy kotwica na jednej stronie naprawdę wymaga aż tyle zachodu?

Benutzer:BlancheHolyman4