Układ blokowy w WordPress, znany także jako edytor bloków lub Gutenberg, to nowoczesne środowisko edycyjne wprowadzone w WordPress 5.0, które zastąpiło klasyczny edytor TinyMCE. Celem tego edytora jest uproszczenie procesu tworzenia i edytowania treści, czyniąc go bardziej intuicyjnym i elastycznym dla użytkowników na różnych poziomach zaawansowania. W układzie blokowym każdy…
Kategoria: Projektowanie RWD
Projektowanie RWD 
Zapytania medialne
1. Wyłączanie mechanizmu automatycznego skalowania strony Coraz więcej przeglądarek (np. iOS, Android, Opera Mobile) rozpoznają specjalne elementy meta viewport, które nadpisują mechanizm automatycznego dopasowania strony do ekranu. Wystarczy dodać znacznik w elemencie head dokumentu HTML i zdefiniować w nim określoną szerokość, np. w pikselach lub skali, np. 2.0: <meta name=”viewport”…
Projektowanie RWD 
Gdzie jesteś Zimo?
Przygotuj stronę wg szablonu (grafika dowolna): podświetlenie linkowania Dodatkowy kod: Linia pozioma plik html <hr> plik css hr { display: block; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 2px; background:blue; } Nieruchome tło plik css body { background-attachment: fixed; } Generator kodu CSS – narożniki,…
Projektowanie RWD
Listy do Świętego Mikołaja
Przygotuj stronę wg szablonu (grafika dowolna): podświetlenie linkowania Dodatkowy kod: Linia pozioma plik html <hr> plik css hr { display: block; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 2px; background:blue; } Nieruchome tło plik css body { background-attachment: fixed; } Generator kodu CSS – narożniki,…
Projektowanie RWD 
Triki CSS
Blokowanie szerokości okien box-sizing: box-sizing: content-box; box-sizing: border-box; Funkcje: calc() Wyśrodkowanie obrazka: .box:nth-child(2) { display: flex; justify-content: center; align-items: center; } Zmienne: –kolor-czcionki: black; color:var(–kolor-czcionki);