Życie frontend developera i nowa konferencja DevRing…
Wakacje już powoli odchodzą w zapomnienie, dni stają się coraz zimniejsze, a tegoroczne lato choć pewnie wielu zapadło w pamięć, dobiega końca. Jesień to też ciekawy czas, czas w którym…
CSS
Resetowanie domyślnych stylów CSS
Dlaczego warto resetować domyślne style CSS przeglądarki i jak zrobić to resetem Erica Meyera. Gotowy kod do wklejenia na początku własnego arkusza stylów.
Cień pod elementami w CSS 3 – box-shadow i text-shadow
Jak dodać cień w CSS: własności box-shadow i text-shadow z przykładami na żywo. Parametry przesunięcia, rozmycia, koloru oraz cień wewnętrzny (inset).
Zaokrąglanie rogów w CSS 3
Zaokrąglone rogi w CSS: własność border-radius z przykładami na żywo. Zaokrąglanie wszystkich narożników naraz albo każdego z osobna, bez JavaScriptu.
Szablon strony WWW na div-ach o płynnej szerokości
Płynny (liquid) szablon strony WWW na div-ach: układ dwu- i trzykolumnowy w CSS z kodem HTML, objaśnieniem krok po kroku i notą o Flexbox i CSS Grid.
Szablon strony WWW na div-ach o stałej szerokości
Szablon strony WWW o stałej szerokości na div-ach i CSS: układ dwu- i trzykolumnowy krok po kroku z kodem HTML/CSS i notą o dzisiejszym podejściu (RWD).
Zamiana obrazka metodą Webfonts
Zamiana obrazka metodą webfonts w CSS: text-indent 100%, white-space: nowrap i overflow: hidden. Ukrywanie tekstu elementu z obrazkiem w tle (metoda Kelluma).
Kontrolowanie odstępów między literami i słowami
letter-spacing i word-spacing w CSS: kontrola odstępów między literami i słowami, wartości dodatnie i ujemne oraz przykłady gotowe do wklejenia na stronę.
Zmiana koloru tła pola formularza po kliknięciu w nie
Pseudoklasa :focus w CSS: zmiana koloru tła i obramowania pola formularza po kliknięciu lub przejściu Tabem. Krótki przykład gotowy do wklejenia.
Tworzenie pionowej linii
Pionowa linia w czystym CSS: wystarczy div z border-left, dowolnym kolorem i wysokością. Najprostszy sposób bez obrazków, z działającym przykładem.
Komentarze w kaskadowych arkuszach stylów
Komentarze w CSS: składnia /* … */, komentarze jedno- i wielowierszowe oraz zakaz zagnieżdżania. Po co komentować arkusze stylów i jak robić to czytelnie.
Formatowanie tabel za pomocą CSS
Formatowanie tabel w CSS: obramowanie, odstępy (padding, border-spacing), szerokość i wyrównanie. Mapa starych atrybutów HTML na właściwości CSS z przykładami.
