lista - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...prób i błędów mogłoby zająć całe lata. Nie musisz jednak tracić tyle czasu - teraz najważniejsze wytyczne masz spisane w jednym miejscu. Poniższa lista zawiera wskazówki, do których stosowanie się może zapewnić wysoką jakość Twojej pracy, poprzez uniknięcie często powtarzanych przez osoby niedoświadczone błędów architektonicznych. Powinno Cię również uchronić to od zabrnięcia w ślepe uliczki, z których potem bardzo trudno byłoby się wycofać. W skrajnym przypadku źle napisanego kodu w ogóle...
HTML5 / Filmy i dźwięk <video, audio, source>...nigdy go nie użyć albo ewentualnie kiedy zależy nam na zminimalizowaniu transferu. metadata Pobiera tylko tzw. metadane zapisane w pliku (wymiary, lista ścieżek, czas trwania itp.) oraz możliwe, że kilka pierwszych klatek filmu. auto Przeglądarka może dowolnie pobierać plik - w szczególności załadować go w całości do pamięci, nawet jeśli nigdy nie zostanie odtworzony. width, height Zanim plik wideo albo jego metadane zostaną załadowane, przeglądarka nie zna właściwych wymiarów filmu...
Operacje na tablicach w JavaScript - Array.prototype / Łączenie tablic - concatArray.prototype.concat() Array.prototype.concat(item1) Array.prototype.concat(item1, item2...) Parametry: item1, item2... - lista elementów Wartość: Array - nowa tablica Tworzy nową tablicę, będącą połączeniem aktualnych i nowych elementów. Jeżeli argument funkcji sam jest tablicą, każdy z jego elementów jest dodawany po kolei do nowej tablicy. Oryginalna tablica nigdy nie jest zmieniana. Przykład Array.prototype.concat var items = [1, 2]; items.concat(); // [1, 2]...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...Najlepiej do tego nadają się grafiki wektorowe (np. SVG), które można bez ograniczeń powiększać bez żadnej utraty jakości. Rozdzielona spacjami lista rozmiarów ikon zapisanych w podanym pliku. Każdy rozmiar składa się z dwóch liczb rozdzielonych znakiem "x" (bez spacji!), które określają kolejno: szerokość i wysokość. type Typ MIME Ikona strony może się wyświetlić automatycznie, nawet bez potrzeby wstawiania powyższego znacznika, jeśli będzie nosiła nazwę favicon.ico i zostanie...
- Komendy HTML 4.01 / A
...(unikalną w dokumencie) REL="typ" Opisuje relacje pomiędzy bieżącym dokumentem a kotwicą wyszczególnioną przez atrybut HREF (rozdzielona spacjami lista typów odsyłaczy): alternate - wyznacza zastępczą wersję dokumentu appendix - dodatek w kolekcji dokumentów bookmark - zakładka chapter - rozdział w kolekcji dokumentów contents - spis treści copyright - prawa autorskie glossary - słownik help - odnosi się do dokumentu oferującego pomoc index - skorowidz next - odnosi się do...
- Operacje na tablicach w JavaScript - Array.prototype / Dodawanie elementu na końcu tablicy - push
Array.prototype.push() Array.prototype.push(item1) Array.prototype.push(item1, item2...) Parametry: item1, item2... - lista nowych elementów Wartość: Number - nowa długość tablicy Dodaje nowe elementy na końcu tablicy. Przykład Array.prototype.push var items = [1, 2]; items.push(); // 2 items; // [1, 2] items.push(3, [4.1, 4.2]); // 4 items; // [1, 2, 3, [4.1, 4.2]]
- Operacje na tablicach w JavaScript - Array.prototype / Dodawanie elementu na początku tablicy - unshift
Array.prototype.unshift() Array.prototype.unshift(item1) Array.prototype.unshift(item1, item2...) Parametry: item1, item2... - lista nowych elementów Wartość: Number - nowa długość tablicy Dodaje nowe elementy na początku tablicy. Przykład Array.prototype.unshift var items = [1, 2]; items.unshift(); // 2 items; // [1, 2] items.unshift([-1.2, -1.1], 0); // 4 items; // [[-1.2, -1.1], 0, 1, 2]
- Szablon strony na DIV-ach / Responsywny szablon
...jedna wersja mobilna nie będzie optymalnym rozwiązaniem. Zamiast tego wyznacza się tzw. punkty przeskoku (ang. breakpoints). Punkty przeskoku to lista najczęściej używanych szerokości ekranu, przy których zachodzą istotne zmiany w szablonie naszej strony. Istotną zmianą może być na przykład: Zmiana typu szablonu ze stałego (który zwykle może być bardziej przydatny na dużych ekranach panoramicznych) na płynny (laptopy i większe tablety) Ułożenie menu i treści w jednej kolumnie (smartfony...
- Ikony (symbole) / Społecznościowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Osoba person person Grupa group group Udostępnij share share Kciuk w górę thumb_up thumb_up Grupy groups groups Publiczne public public Dodaj osobę person_add person_add Uścisk dłoni handshake handshake Konsultant wsparcia support_agent...
- Ikony (symbole) / Audio i wideo
...Wykrywanie dźwięku: głośny dźwięk sound_detection_loud_sound sound_detection_loud_sound Plik audio audio_file audio_file Wyróżniona lista odtwarzania featured_play_list featured_play_list Tekst piosenki lyrics lyrics HD hd hd Odtwarzaj lekcję play_lesson play_lesson Wysoka jakość high_quality high_quality Wezwanie do działania call_to_action call_to_action Powtórz jeden repeat_one repeat_one Dodaj do kolejki add_to_queue add_to_queue Tylna kamera wideo...