Podstawowy szkielet strony internetowej oparty o HTML 5 – dodajemy treść
Uzupełniamy szkielet strony HTML 5 o treść: nagłówek z logo, menu w tagu nav, artykuły w section, sidebar w aside i stopka footer, a wszystko z pełnym kodem.
Front-end
Dzielenie tekstu na kolumny w CSS 3
Dzielenie tekstu na kolumny w CSS: właściwości column-count, column-gap i column-rule z przykładami oraz aktualną informacją o wsparciu w przeglądarkach.
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.
Trzy sposoby na definiowanie stylów CSS
Trzy sposoby definiowania stylów CSS: zapis lokalny (inline), wewnętrzny arkusz w znaczniku style i zewnętrzny plik przez link. Plus zasada pierwszeństwa.
Jednostki w arkuszach stylów
Jednostki w arkuszach stylów CSS: px, pt, em, ex i procenty zebrane w tabeli, plus nota o współczesnych jednostkach rem, vw i vh w projektach responsywnych.
Usunięcie paska przewijania z obszaru tekstowego (textarea)
Jak usunąć pasek przewijania z textarea: overflow: hidden oraz nowocześniejsze scrollbar-width: none. Krótki przykład ze zrzutami przed i po zastosowaniu.
Walidacja adresu e-mail po stronie klienta
Walidacja adresu e-mail w JavaScripcie po stronie klienta: funkcja sprawdzająca pole formularza w zdarzeniu onblur i uwaga o walidacji po stronie serwera.
Komentarze w JavaScript
Komentarze w JavaScripcie: jednowierszowe //, blokowe /* */ i komentarz na końcu wiersza kodu. Krótka ściąga z przykładami dla początkujących programistów.
Cztery miejsca na umieszczenie skryptu
Cztery miejsca na umieszczenie skryptu JavaScript: w treści strony, w sekcji head, w atrybucie zdarzenia i w osobnym pliku .js. Podstawy z przykładami kodu.
Dodaj stronę do ulubionych
Dodawanie strony do ulubionych z poziomu JavaScriptu: historyczny trik z czasów Internet Explorera i wyjaśnienie, dlaczego dziś już nie działa.
