Czas czytania: 2 minutDziś pokaże wam jak zrobić prostą świąteczną animacje – padający śnieg z pomocą grafiki, HTML i CSS.
Rosnący pasek postępu podczas przewijania strony
Czas czytania: < 1 minutRosnący pasek postępu podczas przewijania strony internetowej to często mało widoczna animacja.
Podział tekstu na równej szerokości kolumny – Multiple Columns [CSS]
Czas czytania: 3 minutTym razem pokażę wam w jaki sposób dokonać podziału tekstu na kilka równej szerokości kolumn (bez użycia tradycyjnego grida) jak z dowolnej gazety.
Element HTML z pionowym tekstem
Czas czytania: 2 minutTym razem pokaże w jaki sposób uzyskać efekt pionowo pisanego tekstu w elemencie HTML.
Mieszanie kolorów z selektorem mix-blend-mode [CSS]
Czas czytania: < 1 minutWłaściwość CSS mix-blend-mode określa sposób łączenia się ze sobą elementu nadrzędnego np. obrazka z tłem umieszczonym pod nim.
Kierunek pisania tekstu właściwość direction / unicode-bidi [CSS]
Czas czytania: 3 minutDzisiaj zajmiemy się tematyką zmiany kierunku wyświetlania tekstu na stronie internetowej z pomocą direction i unicode-bidi. Domyślnie w Europie wyświetla się on od strony lewej do prawej.
Działania na białych znakach (whitespace) w HTML i CSS
Czas czytania: 2 minutJedną z istotnych rzeczy o jakiej należy pamiętać dodając tekst na stronę internetową są tak zwane białe znaki (z ang. white space, whitespace).
Automatyczne odświeżanie strony
Czas czytania: < 1 minutProwadząc portal internetowy lub często aktualizowaną stronę gdzie nowy artykuł może pojawić się w ciągu kilku minut chcielibyśmy na bieżąco pojawiały
Dodawanie wcięć akapitowych na stronie internetowej z pomocą – text-indent [CSS]
Czas czytania: < 1 minutZ pomocą selektora text-indent możemy dokonać wcięć akapitowych czyli dodawać odstęp w pierwszej linijce tekstu na stronie internetowej. Właściwość ta przyjmuje wartości liczbowe (px, pt, em), procentowe (%).
Selektor CSS ::first-line – czyli zmiana wyglądu pierwszej linii tekstu
Czas czytania: < 1 minutPseudoelement CSS ::first-line wykorzystywany jest do zmiany właściwości pierwszej linii obiektu blokowego.
Zmiana koloru zaznaczenia tekstu – właściwość CSS ::selection
Czas czytania: 2 minutPodczas zaznaczania tekstu (lub tylko jego fragmętu) na stronie internetowej tło umieszczone bezpośrednio pod nim zmienia on kolor np. na ciemno niebieski, modrakowy (w zależności od przeglądarki internetowej).
Nadawanie odstępu: margin i padding [CSS]
Czas czytania: 2 minutDzisiaj omówię dwie bardzo użyteczne właściwości CSS czyli margin i padding.