oznacza - Kurs HTML i CSS
Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}...flexbox, która określa, jak elementy mają się zmniejszać, gdy brakuje dostępnej przestrzeni w kontenerze. Domyślnie flex-shrink ma wartość 1, co oznacza, że elementy zmniejszą się równomiernie. Jeśli element ma wartość 0 (zero), nie będzie się zmniejszać w przypadku braku miejsca. Co robi "flex-grow"? flex-grow to właściwość CSS używana w kontekście flexbox, która określa, jak elementy mają się rozszerzać, gdy istnieje dodatkowa dostępna przestrzeń w kontenerze. Domyślnie flex-grow...
Obiekty daty - Date / Tworzenie obiektu daty - new Date...z Date.parse) albo liczba milisekund od północy 1 stycznia 1970 w strefie czasowej południka zerowego Number year - rok (wartości z zakresu 0...99 oznaczają lata od 1900 do 1999) Number month - miesiąc z zakresu 0...11 Number date - dzień miesiąca z zakresu 1...31 (domyślnie: 1) Number hours - godzina z zakresu 0...23 (domyślnie: 0) Number minutes - minuta z zakresu 0...59 (domyślnie: 0) Number seconds - sekunda z zakresu 0...59 (domyślnie: 0) Number ms - milisekunda z zakresu 0...999...
- Obiekty daty - Date / Konwersja daty na milisekundy - UTC
...date, hours, minutes, seconds) Date.UTC(year, month, date, hours, minutes, seconds, ms) Parametry: Number year - rok (wartości z zakresu 0...99 oznaczają lata od 1900 do 1999) Number month - miesiąc z zakresu 0...11 Number date - dzień miesiąca z zakresu 1...31 (domyślnie: 1) Number hours - godzina z zakresu 0...23 (domyślnie: 0) Number minutes - minuta z zakresu 0...59 (domyślnie: 0) Number seconds - sekunda z zakresu 0...59 (domyślnie: 0) Number ms - milisekunda z zakresu 0...999...
Nagłówek i treść HTML / Skalowanie strony <meta "viewport">...obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-width, które oznacza pełną szerokość obszaru wyświetlania. height Określa początkową wysokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-height, które oznacza pełną wysokość obszaru wyświetlania. initial-scale Wartość od 0.0 do 10.0 (należy posługiwać się kropką...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
(CSS 3 - interpretuje Firefox 27, Opera 28, Chrome 41) selektor { cecha: unset } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Nie wszystkie cechy CSS podlegają dziedziczeniu. Wydaje się logiczne, że jeśli ustawimy określony kolor tekstu, to chcemy, aby również każdy z elementów podrzędnych miał właśnie taki kolor. Ale gdybyśmy w ten sposób postąpili np. z obramowaniem, efekt byłby dziwaczny...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
(CSS 3 - interpretuje Firefox 27, Opera 24, Chrome 37) selektor { all: wartość } Selektor oznacza wybrany element, któremu chcemy zresetować sposób formatowania. Natomiast jako wartość należy podać: initial - przywrócenie wartości domyślnych inherit - wymuszenie dziedziczenia wartości unset - odwołanie wartości revert - przywrócenie wartości pierwotnych Sposoby przywracania domyślnych wartości bądź domyślnego zachowania, opisane wcześniej w tym rozdziale, mogą się okazać bardzo pomocne...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
(CSS 3 - interpretuje Firefox 67, Opera 73, Chrome 84) selektor { cecha: revert } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Każda przeglądarka ma wbudowany domyślny arkusz stylów. Dzięki niemu nawet jeśli nie dołączymy żadnych własnych stylów do dokumentu, to np. tekst zawarty w znaczniku B i tak będzie pogrubiony. To bardzo przydatna funkcja, bo przeglądarka w ten sposób załatwia za nas...
- HTML5 / Pominięcie walidacji formularza <form novalidate>
...aby zapewnić pełne bezpieczeństwo i poprawność danych. Czym jest brak sprawdzania poprawności w HTML? Brak sprawdzania poprawności w HTML oznacza celowe pominięcie procesu walidacji formularza przed jego przesłaniem. Można to osiągnąć, dodając atrybut novalidate do elementu <form>, co powoduje, że dane są przesyłane bez wcześniejszego sprawdzenia ich poprawności. Jaki jest pożytek z novalidate w HTML? Atrybut novalidate w HTML umożliwia wyłączenie domyślnej walidacji...
- Nagłówek i treść HTML / Plik robots.txt
...aby zablokować dostęp do pliku http://www.example.org/index.html, należy wpisać: User-Agent: * Disallow: /index.html Pusta wartość Disallow oznacza brak ograniczeń w indeksowaniu dokumentów: User-Agent: * # Wszystkie dokumenty serwisu będą normalnie indeksowane: Disallow: Aby zablokować dostęp do wszystkich plików z jakiegoś katalogu i ewentualnie wszystkich jego podkatalogów, wystarczy wpisać samą nazwę tego katalogu, która koniecznie musi kończyć się znakiem ukośnika ("/")...
- Nagłówek i treść HTML / Dokumenty prawne <link "license, privacy-policy, terms-of-service">
...się wiedzą i kulturą, jednocześnie zachowując respektowanie praw autorskich. Co znaczy słowo "private"? W języku angielskim słowo "private" oznacza "prywatny". Co to znaczy "Privacy Policy"? "Privacy Policy" to polityka prywatności, czyli dokument określający, jakie informacje są zbierane przez daną firmę, serwis internetowy lub aplikację, w jaki sposób są przechowywane, przetwarzane i zabezpieczane. Jest to istotny element dla użytkowników, którzy dowiadują się, jakie dane są...