Czas czytania: 2 minutTym razem pokażę wam jak zbudować prostą oś czasu (timeline, linia czasu) na stronie internetowej z pomocą HTML i CSS. By ją zbudować i zrozumieć jak ją rozbudować lub przebudować przyda się przynajmniej podstawową wiedzę z obu […]
Współczynnik proporcji, czyli aspect-ratio w CSS
Czas czytania: 2 minutWłaściwość aspect-ratio umożliwia zdefiniowanie pożądanej szerokości do wysokości elementu znajdującego się w kontenerze, polu. W praktyce umożliwia nam to dostosowywanie się zawartości w obszarze do wymiarów przeglądarki. Być może wydaje się to na początku mało użyteczne […]
Selektor ID czy CLASS jak używać (HTML i CSS)
Czas czytania: 2 minutId (identyfikatory) i Class (klasy) to dwa rodzaje elementów (selektor) umożliwiające „połączenie” / „przypisanie” ze sobą / do siebie HTML i CSS (ang. Cascading Style Sheets). Dzięki nim nie musimy wprowadzać kodu CSS bezpośrednio na dany […]
Wysokość elementu, sekcji na wysokość okna przeglądarki [CSS]
Czas czytania: 3 minutW tym wpisie pokażę wam jak w prosty sposób ustawić wysokość elementu blokowego takiego jak <div> czy <section> na wysokość okna przeglądarki. Czyli na całą widoczną część strony – 100% wysokości.
Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]
Czas czytania: 2 minutDzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. […]
Numerowanie wierszy (rows) tabeli lub div z pomocą CSS
Czas czytania: 2 minutDzisiaj zajmiemy się tematyką numerowania (liczenia, punktowania) elementów HTML takich jak tabela lub <div>.
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.
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Czas czytania: < 1 minutWłaściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze.
Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
Czas czytania: < 1 minutZ pomocą właściwości object-fit określamy w jaki sposób interesujący nas element HTML (np. obrazek) będzie wypełnić dany obszar na stronie internetowej.
Selektory rodzeństwa w CSS
Czas czytania: < 1 minutZanim przejdę do zaprezentowania właściwości oraz możliwości pracy na selektorach, chciałam przybliżyć tematykę rodzeństwa.
Usuwanie obramowania klikniętych linków CSS
Czas czytania: 2 minutUsuwanie obramowania klikniętych linków jest dosyć proste i nie wymaga jakieś dużej wiedzy z CSS lub HTML.
Charakterystyka właściwości clip CSS
Czas czytania: < 1 minutZ pomocą własność CSS clip możemy określić, który fragment danego obiektu (np. grafiki) ma być widoczny lub też nie.