tekstu - Kurs HTML i CSS
HTML5 / Ewolucja języka HTML...służący do tworzenia stron internetowych. Dokument HTML jest plikiem tekstowym, w którym wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Jak sprawdzić czy przeglądarka obsługuje HTML5? Przejdź na stronę pt. Czy mogę używać..., a następnie w sekcji HTML5 zobacz, które przeglądarki poprawnie wspierają różne elementy tego języka. Jaką mam wersję Chrome? Przeglądarka Google Chrome aktualizuje się automatycznie. Zatem prawdopodobnie masz...
- HTML5 / Nowe atrybuty HTML5
...używana podczas przetwarzania obrazka do prezentacji dirname INPUT, TEXTAREA Nazwa kontrolki formularza używana do przesyłania kierunku tekstu elementu podczas wysyłania formularza disabled FIELDSET Czy potomne kontrolki formularza, z wyjątkiem tych wewnątrz elementu LEGEND, są wyłączone disabled LINK (rel="stylesheet") Czy arkusz stylów jest zablokowany download A, AREA Czy pobrać zasób zamiast nawigować do niego oraz jego nazwa pliku, jeśli tak draggable...
- HTML5 / Artykuł <article>
...znacznik ARTICLE czy SECTION, trzeba sobie odpowiedzieć na pytanie, czy ta część treści nie utraci swojego pierwotnego sensu, jeśli wyrwiemy ją z kontekstu pozostałego tekstu na stronie oraz czy samodzielnie byłaby wystarczająco wartościowa dla czytelnika. Jeżeli tak, to raczej powinniśmy wykorzystać znacznik ARTICLE. Na użycie tego elementu może wskazywać również sytuacja, kiedy objętą nim część dokumentu moglibyśmy swobodnie opublikować w swoim kanale RSS (nawet jeśli formalnie tego nie...
Układ elastyczny CSS / Flexbox...bloków były z góry znane. W praktyce z taką sytuacją rzadko mamy do czynienia, gdyż nie jesteśmy w stanie od razu dokładnie przewidzieć, ile tekstu będą zawierać artykuły, opublikowane w serwisie. Rozwiązaniem miało być płynne ustalanie pozycji przy pomocy właściwości float [zobacz: Szablon strony na DIV-ach]. I rzeczywiście w większości typowych zastosowań taki sposób był zupełnie wystarczający. Niestety w pewnych szczególnych przypadkach miał podobne ograniczenia jak pozycja...
- HTML5 / Wstawka <aside>
...z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do oznaczania uwag na marginesie. Co prawda bez nich sam artykuł nie utraci swojego sensu, ale uwagi takie...
- Układ elastyczny CSS / Justowanie zawartości {justify-content}
...steruje justowaniem elementów kontenera elastycznego, gdy jest on zbyt duży, aby został wypełniony w całości. Działa analogicznie jak justowanie tekstu, ale może operować na blokach. Przykład {justify-content} justify-content: flex-start blok 1 blok 2 blok 3 justify-content: flex-end blok 1 blok 2 blok 3 justify-content: center blok 1 blok 2 blok 3 justify-content: space-between blok 1 blok 2 blok 3 justify-content: space-around blok 1 blok 2 blok 3
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...(domyślnie - "1"). Jeżeli kontener elastyczny jest zbyt wąski, jego dzieci są ściskane. Zwykle odbywa się to poprzez przełamanie do nowej linii tekstu, który zawiera się w tych blokach. Baza elastyczna {flex-basis} selektor { flex-basis: baza } Selektorem mogą być dzieci kontenera elastycznego (ale nie sam kontener). Baza jest wartością określoną w jednostkach długości albo słowem kluczowym "auto" (domyślnie). Baza określa początkowy rozmiar elementu w kontenerze, zanim wolna...
- Układ elastyczny CSS / Wyrównanie wierszy {align-content}
...flex-start - wyrównanie wierszy do początkowej krawędzi kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wierszy (dla tekstu w języku polskim - w pionie) space-between - równe odstępy między wierszami space-around - równa przestrzeń wokół wierszy stretch - rozciągnięcie wierszy do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem wielu wierszy wewnątrz kontenera elastycznego, kiedy ich sumaryczna wysokość jest za mała, aby wypełnić całą...
Globalne obiekty w JavaScript / Przekształcanie wartości w parseInt - parseInt...oktalny (ósemkowy) - podstawa 8. Natomiast na co dzień posługujemy się systemem decymalnym (dziesiętnym) - podstawa 10. Białe znaki na początku tekstu są pomijane. Jeżeli funkcja napotka w przekształcanym tekście znak, który jest niepoprawnym zapisem w podanym systemie liczbowym, ignoruje go oraz wszystkie znaki, które znajdują się za nim. Warty podkreślenia jest również fakt, że funkcja nie wykonuje zaokrągleń liczb rzeczywistych, lecz po prostu obcina wartość po przecinku. Aby wykonć...
- Manipulacja obiektami w JavaScript - Object / Tworzenie nowego obiektu w JavaScript - new Object
...wynosi null, undefined albo nie została podana, zwracana jest nowa instancja obiektu ogólnego. W przypadku podania wartości logicznej, liczby albo tekstu, nastąpi konwersja podanej wartości na odpowiedni typ obiektowy. Natomiast jeżeli jako wartość value zostanie podany inny obiekt wbudowany, powinien on zostać zwrócony bez tworzenia nowej instancji. Przykład new Object new Object(true); // new Boolean(true) new Object(1); // new Number(1) new Object("test"); // new...