internet - Kurs HTML i CSS
Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}Spis treści {counter-reset, counter-increment} Automatyczna numeracja wykazu {counter-reset, counter-increment} Style licznika Automatyczna numeracja wykazu {counter-reset, counter-increment} (interpretuje Internet Explorer 8.0, Firefox, Opera, Chrome, Konqueror) Jeżeli zaznajomiłeś się już czytelniku bardziej szczegółowo z zagadnieniem wykazów w języku HTML, to zapewne wiesz już, że nie oferują one żadnych bardziej skomplikowanych sposobów numeracji poszczególnych punktów i podpunktów...
Tekst HTML / Kod poprawny semantycznie...Podsumowanie Znaczniki formatujące i semantyczne Patrząc na liczbę znaczników, służących do formatowania tekstu na ekranie przeglądarki internetowej, można się zastanawiać: po co jest ich aż tyle? Jaki był sens wprowadzania znacznika <strong>...</strong> (mocne wyróżnienie), skoro właściwie zwykle jest on wyświetlany tak samo jak <b>...</b> (pogrubienie)? Czy nie lepiej tworzyć akapity za pomocą podwójnych znaczników <br> zamiast <p>...</p>? Czy to aby nie jest pomyłka organizacji...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
Spis treści :nth-child :nth-last-child :nth-of-type :nth-last-of-type Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type Cykl Okres Przesuniecie początkowe Odwrotna kolejność Zapis Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type (CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Dzieci: dziecko:nth-child(cykl) rodzic > dziecko:nth-child(cykl) Dzieci - począwszy od ostatniego...
- Układ wielokolumnowy CSS / Atrybuty mieszane kolumn {columns}
(CSS 3 - interpretuje Internet Explorer 10, Firefox 52, Opera 11-12 i 37, Chrome 50) selektor { columns: wartości atrybutów } Selektorem może być dowolny element blokowy z wyjątkiem tabel [zobacz: Wstawianie stylów]. Jako "wartości atrybutów" można podać samą wartość szerokości kolumny, tylko liczbę kolumn lub obie wartości rozdzielone spacją. Ustalenie wartości auto usuwa kolumny. Polecenie jest przydatne, jeżeli chcemy skrócić zapis. Możemy też dzięki niemu szybko usunąć podział na...
- Media CSS / Zapytania mediów
Spis treści Zapytania mediów Kompatybilność wstecz Cechy mediów Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...umieścić skrót do strony na pulpicie swojego systemu operacyjnego. Jak zrobić ikonę strony? Ikona strony może się wyświetlać w przeglądarce internetowej na karcie ze stroną oraz w wynikach wyszukiwania np. Google. Do przygotowania ikony możemy użyć dowolnego programu graficznego, który obsługuje format *.ico (np. darmowy GIMP). Obrazek ikony powinien mieć wymiary 16x16 pikseli. Należy go zapisać w pliku o nazwie favicon.ico (ważna jest również wielkość liter!) w głównym folderze ze...
- Tekst CSS / Cień pod tekstem {text-shadow}
(interpretuje: Internet Explorer 10.0, Firefox 3.5, Opera 9.5, Chrome, Konqueror) selektor { text-shadow: poziom pion rozmycie kolor,... } Wartości "poziom pion rozmycie kolor" określają własności cienia (wartości "rozmycie" oraz "kolor" nie są wymagane): poziom - przesunięcie cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) kolor - kolor bazowy efektu (opcjonalnie...
- Dobre praktyki / Przykazania webmastera
...Najczęściej wynika to z ich innowacyjności (również umiejętności uczenia się od innych) oraz doświadczenia. Podobnie w dziedzinie tworzenia stron internetowych, można to wykonywać lepiej lub gorzej. Osoby początkujące często poruszają się po omacku. W ten sposób zanim zdobędą niezbędne doświadczenie, niejednokrotnie bardzo boleśnie przekonują się na własnej skórze, które rozwiązania byłyby lepsze od stosowanych przez nich w przeszłości. Kod w 100% zgodny z oficjalnymi specyfikacjami HTML i...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...
Manipulacja obiektami w JavaScript - Object / Pobieranie prototypu obiektu w JavaScript - getPrototypeOf(interpretuje: Internet Explorer 9, Firefox 3.5, Opera 12, Chrome) Object.getPrototypeOf(O) Parametry: O - obiekt, którego prototyp ma zostać zwrócony Wartość: Object - prototyp obiektu Wyjątki: TypeError - wartość O nie jest obiektem Zwraca prototyp podanego obiektu. Przykład Object.getPrototypeOf Object.getPrototypeOf({}); Object.getPrototypeOf(true); // TypeError Object.getPrototypeOf(1); // TypeError Object.getPrototypeOf("test"); // TypeError Object.getPrototypeOf(null)...