zapis - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...arkuszy CSS Unikaj importowania arkuszy stylów Wersjonuj pliki *.css i pliki graficzne w nich zawarte Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów Minimalizuj liczbę identyfikatorów i klas CSS Ustalając tło upewnij się, że element ma przypisany (lub odziedziczony) kolor tekstu (i odwrotnie) Ustal w jednym miejscu globalne style formatowania tekstu Używaj właściwych jednostek do ustawiania rozmiaru tekstu Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i...
Obiekty daty - Date / Tworzenie obiektu daty - new Date...Na tak utworzonym obiekcie możemy później wykonywać inne przekształcenia. Wszystkie parametry mogą przyjmować również wartości ujemne. Na przykład zapis new Date(2014, -1) jest równoważny new Date(2013, 11). Natomiast jeżeli podamy tylko jeden argument i będzie on miał wartość ujemną, odliczanie milisekund odbędzie się wstecz od północy 1 stycznia 1970 w strefie czasowej południka zerowego. 1 sekunda zawiera 1000 milisekund. Możemy również podawać daty spoza przewidzianego zakresu. Na...
- 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...
- Alternatywne sposoby definiowania funkcji w JavaScript - Function / Dynamiczne tworzenie funkcji w JavaScript - new Function
...błąd składni Działa identycznie jak konstrukcja Function(...), tzn. definiuje nową funkcję, którą później w programie możemy wywoływać. Tego typu zapis jest jednak rzadko spotykany w rzeczywistych aplikacjach. Częściej stosuje się konstrukcję funkcji anonimowej. Zapis z użyciem operatora new może być przydatny, jeżeli chcemy utworzyć funkcję na podstawie danych uzyskanych dopiero po uruchomieniu programu. Możemy np. utworzyć aplikację, która pozwoli użytkownikowi samodzielnie definiować...
- Obiekt wyrażenia regularnego - RegExp / Tworzenie nowej instancji wyrażenia regularnego - new RegExp
...nieprawidłowy wzorzec lub flagi Tworzy nową instancję obiektu wyrażenia regularnego. Przy definiowaniu wzorca należy zwrócić uwagę na prawidłowy zapis znaków specjalnych wyrażeń regularnych. Chcąc pozbyć się specjalnego działania znaku, gdy podajemy go jako tekst - inaczej niż w przypadku literału wyrażenia regularnego - musimy poprzedzić taki znak specjalny dwoma, a nie jednym odwróconym ukośnikiem. Znaków ukośnika nie trzeba już niczym poprzedzać, ponieważ funkcja powinna zrobić to...
Tekst HTML / Komentarz HTML...wydłużyć czas wczytywania dokumentu HTML. Trzeba również zadbać, aby wewnątrz komentarza nie znalazł się inny, wewnętrzny komentarz, ponieważ taki zapis jest niedozwolony!
- Jednostki CSS / Łańcuchy znakowe
...należy podać: "123\"123" (poprawnie). To samo dotyczy pojedynczego cudzysłowu (zamiast '123'123' należy wpisać '123\'123'). Natomiast dozwolony jest zapis: "123'123" lub '123"123'. Niedozwolone jest bezpośrednie użycie znaku nowej linii (przez przełamanie linii klawiszem Enter). Należy zamiast tego użyć znaku \A. Jeśli łańcuch jest bardzo długi, można go przedzielić na dwie linie, ale wtedy trzeba koniecznie postawić na końcu pierwszej linii (w miejscu przedzielenia tekstu) znak odwróconego...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string')...
- Układ wielokolumnowy CSS / Atrybuty mieszane kolumn {columns}
...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 kolumny, poprzez wpisanie "columns: auto".
- Formularze HTML / Wysłanie formularza <input "submit, image">
...może nie być żadnego pola tego typu. Dlatego zwykle umieszcza się w nim dodatkowy przycisk, którego wciśnięcie wysyła formularz. Który zapis definiuje przycisk w formularzu wysyłający zawartość formularza z napisem "Wyślij"? Aby to zrobić, wewnątrz formularza należy umieścić odpowiedni znacznik: <input type="submit" value="Wyślij">.