bezpośrednio - Kurs HTML i CSS
HTML5 / Wstawka <aside>...powiązana tematycznie z resztą treści w dokumencie HTML5. Na przykład mogą to być bannery reklamowe albo wtrącone cytaty, do których nie na żadnego bezpośrednio odniesienia w pozostałej części artykułu ani one nie odnoszą się również wprost do tego artykułu, a zostały w tym miejscu zamieszczone tylko dlatego, że w sposób ogólny pasują do kontekstu treści na stronie. Kiedy ASIDE a kiedy ARTICLE? Oba te znaczniki tworzą nową sekcję w dokumencie, która w innym kontekście mogłaby...
- HTML5 / Załącznik <figure, figcaption>
...Oba również z powodzeniem moglibyśmy umieścić na osobnej stronie - poza artykułem, w którym pierwotnie się znalazły. Jednak treść artykułu zwykle bezpośrednio odnosi do występujących w nim ilustracji i diagramów, dlatego co najwyżej moglibyśmy przenieść je na inną podstronę serwisu, a w artykule wstawić do nich odsyłacz. Z tego powodu stosuj znacznik FIGURE zawsze wtedy, gdy po usunięciu jego zawartości z serwisu pozostała treść utraciłaby wewnętrzną spójność. Natomiast jeżeli nawet po...
Manipulacja obiektami w JavaScript - Object / Deskryptor właściwości obiektu w JavaScript - getOwnPropertyDescriptor...sterować dostępem do podanej właściwości obiektu [zobacz: Object.defineProperty]. Nie uwzględnia właściwości przejętych z prototypu, a jedynie bezpośrednio przypisane do obiektu. Przykład Object.getOwnPropertyDescriptor Object.getOwnPropertyDescriptor({p: 1}, "p"); // {value: 1, writable: true, enumerable: true, configurable: true} Object.getOwnPropertyDescriptor({}, "p"); // undefined var Cls = function () { this.p = 1; }; Cls.prototype.m = function () {}; var obj = new Cls()...
Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}...w kontenerze, zanim wolna przestrzeń zostanie rozłożona pomiędzy dzieci kontenera. Wartość "0" (zero) spowoduje, że rozmiary elementów będą bezpośrednio proporcjonalne do przypisanych im wartości flex-grow (albo flex-shrink - w przypadku ściśnięcia). Jeżeli wszystkie elementy kontenera będą miały przypisany styl "flex-grow: 1", w efekcie mogą zostać rozciągnięte do dokładnie takiego samego rozmiaru. Wartość "auto" (domyślnie) spowoduje, że rozmiary absolutne poszczególnych elementów...
- Manipulacja obiektami w JavaScript - Object / Lista właściwości obiektu w JavaScript - getOwnPropertyNames
...normalnie niedostępnych w pętli for-in [zobacz: Object.defineProperty - enumerable]. Nie uwzględnia właściwości przejętych z prototypu, a jedynie bezpośrednio przypisane do obiektu. Przykład Object.getOwnPropertyNames Object.getOwnPropertyNames({p: 1}); // ["p"] Object.getOwnPropertyNames({}); // [] var obj = {}; Object.defineProperty(obj, "p", {enumerable: false}); Object.getOwnPropertyNames(obj); // ["p"] var Cls = function () { this.p = 1; }; Cls.prototype.m = function ()...
- Manipulacja instancją obiektu w JavaScript - Object.prototype / Sprawdzanie posiadania właściwości obiektu - hasOwnProperty
...posiada podaną właściwość Sprawdza, czy obiekt posiada właściwość o podanej nazwie. Nie uwzględnia właściwości przejętych z prototypu, a jedynie bezpośrednio przypisane do obiektu. Przykład Object.prototype.hasOwnProperty var obj = {test: 1, x: undefined}; obj.m = function () {}; obj.hasOwnProperty("test"); // true obj.hasOwnProperty("x"); // true obj.hasOwnProperty("m"); // true obj.hasOwnProperty("p"); // false delete obj.x; obj.hasOwnProperty("x"); // false var Cls...
Odsyłacze HTML / Ćwiczenia...z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu otwórz duże zdjęcie w dowolnym programie graficznym - może to być nawet aplikacja Paint, która jest dostępna w systemie Windows - i pomniejsz go (w prorgamie Paint należy użyć opcji "Zmień rozmiar"). Następnie zapisz małe zdjęcie na dysku pod...
- Tabele HTML / Ćwiczenia
...zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby przynajmniej jeden gatunek zawierał kilka różnych filmów. Umieść je w wierszach bezpośrednio jeden pod drugim. Następnie połącz pionowo wszystkie komórki zawierające ten sam gatunek. Przykładowy efekt może wyglądać następująco: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Dramat, Komedia Forrest Gump 1994 9 Akcja, Science-Fiction Matrix 1999 8 Matrix Reaktywacja 2003 7 Matrix...
- Znaki specjalne HTML / Emotikony (emoji)
...Możesz wskazać odszukaną ikonę myszką, aby zobaczyć jej opis. Pod ikonami znajdują się odpowiadające im kody numeryczne znaków, które możesz wkleić bezpośrednio w źródło dokumentu HTML. Możesz również zaznaczyć wybraną ikonę myszką, a następnie skopiować ją do schowka. Aby przekształcić dowolną emotikonę (emoji) na plik graficzny, możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij tworzenie ikony
- CSS dla zielonych / Arkusz stylów CSS
...reguł stylów, za pomocą których możliwe jest określanie wyglądu elementów na stronie. Każda reguła stylów składa się zawsze z dwóch następujących bezpośrednio po sobie części: Selektora - czyli elementu (znacznika) na stronie, któremu chcemy zmienić wygląd Deklaracji ujętej w nawiasy klamrowe, w której określa się, w jaki sposób chcemy zmienić wygląd selektor1 { Tu wpisuje się deklaracje stylów } selektor2 { Tu wpisuje się deklaracje stylów } selektor3 { Tu wpisuje się deklaracje...