HTML
2024-10-13 10:09:46

Czy wiesz, że HTML5 pozwala przypisać niektóre atrybuty sterujące wpisywaniem tekstu do elementów, w których w ogóle nie da się wpisywać tekstu? Dowiedz się, w jakim celu się to robi:

Sprawdź również, jaka jest różnica pomiędzy atrybutem inputmode a <input type> (oba mogą wymuszać określony rodzaj klawiatury ekranowej na urządzeniach mobilnych).

Sławomir Kokłowski

Komentarze

Rozszerzony poziom wsparcia przeglądarek

Strona
2024-10-06 11:21:35

Większość podrozdziałów w Kursie HTML i CSS zostało rozszerzonych o szczegółowe informacje na temat wsparcia we wszystkich najpopularniejszych przeglądarkach: Chrome, Firefox, Edge, Opera, Safari. Dostępny jest również ulepszony pasek, którego kolor wskazuje zbiorczy poziom wsparcia w tych przeglądarkach:

zielony - wszystkie popularne przeglądarki obsługują dane polecenie przynajmniej od 2,5 roku
żółty - brak obsługi lub zbyt krótki czas od implementacji przynajmniej w jednej przeglądarce (oznaczonej czerwoną ikoną wykrzyknika)
czerwony - mniej niż dwie przeglądarki obsługują dane polecenie przynajmniej od 2,5 roku

Warto wiedzieć, że taka lista przeglądarek nie została wybrana przypadkowo. Są to aplikacje, z których w polskim internecie korzysta przynajmniej 1% użytkowników (w takiej kolejności jak w opisie).

Co ciekawe Polacy upodobali sobie przeglądarkę Opera, podczas gdy na świecie stanowi ona raczej margines. Dlatego korzystając z informacji na temat poziomu wsparcia, które są teraz dostępne w Kursie HTML i CSS, masz gwarancję, że odnoszą się one do potencjalnych czytelników Twojego serwisu. Wiele anglojęzycznych witryn dla webmasterów również udostępnia podobne dane. Ale często brakuje im właśnie tej specyfiki, jeśli chodzi o zwyczaje polskich internautów.

Sławomir Kokłowski

Poziom wsparcia przeglądarek

Strona
2024-09-29 15:32:57

Na początku wybranych podrozdziałów Kursu HTML, CSS i JS mogą znajdować się informacje na temat interpretacji opisywanego polecenia w różnych przeglądach. Jeśli używasz na komputerze aktualnej wersji przeglądarki Google Chrome (bądź Microsoft Edge), Mozilla Firefox lub Opera, możesz otrzymać w tych miejscach dodatkową informację o procentowym poziomie wsparcia tego polecenia w Twojej przeglądarce. W ten sposób jednym rzutem oka dowiesz się, czy można go bezpiecznie użyć:

Jeżeli pasek ze wskaźnikiem jest zielony, oznacza to, że możesz używać opisywanego polecenia bez obawy, że nie będzie działać u innych użytkowników tej przeglądarki (zapewniony poziom wsparcia ok. 2,5 roku wstecz).
Gdy pasek jest żółty, używasz polecenia na własną odpowiedzialność (poziom wsparcia ponad rok wstecz).
Natomiast w przypadku koloru czerwonego, zwykle odradza się jeszcze korzystanie z opisywanego polecenia.

Sławomir Kokłowski

HTML5 / Pasek wyniku / Przedziały wartości

HTML
2024-09-29 15:10:30

Czy wiesz, że pasek wyniku <meter>...</meter> można podzielić na trzy przedziały (dolny, środkowy, górny), z których każdy może mieć inny kolor (zielony, żółty, czerwony)?

Sławomir Kokłowski

Komentarze

HTML5 / Główna treść

HTML
2024-09-29 13:03:32

Używasz znacznika <main>...</main>? Jeśli nie, to warto zacząć. Dzięki niemu możesz uniknąć pominięcia jakiejś ważnej części Twojej strony np. podczas wyświetlania jej w uproszczonym trybie czytnika, który oferują niektóre przeglądarki. A jeśli już używasz tego znacznika, sprawdź, czy na pewno robisz to dobrze. Początkowo specyfikacja HTML5 zabraniała wstawiania go wewnątrz elementów ARTICLE, ASIDE, FOOTER, HEADER i NAV. Teraz restrykcje są znacznie wyższe.

Sławomir Kokłowski

Komentarze

HTML5 / Kategorie elementów HTML5

HTML
2024-09-28 10:21:20

W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować.

W nowym rozdziale znajdziesz poręczną tabelkę zawierającą listę wszystkich znaczników HTML5 wraz z przyporządkowaniem ich do odpowiednich kategorii zawartości.

Sławomir Kokłowski

Komentarze

HTML5 / Blokada autokorekty

HTML
2024-09-27 16:49:31

Irytuje Cię niepoprawne działanie autokorekty w formularzach na Twojej stronie? Możesz tę funkcję w bardzo prosty sposób wyłączyć.

Sławomir Kokłowski

Komentarze

Czcionki / Proporcje czcionki

CSS
2024-09-25 22:29:07

Właściwość font-size-adjust została wprowadzona po raz pierwszy w specyfikacji CSS 2.0 w 1998 roku. Jednak już 4 lata później została wycofana w nowszej wersji standardu CSS 2.1. Ponownie pojawiła się dopiero w CSS 3, ale przez długi czas była obsługiwana wyłącznie przez przeglądarkę Firefox. Musiały upłynąć 22 lata (sic!), aby przeglądarki Chrome i Opera zdecydowały się zaimplementować tę właściwość. I to wszystko mimo ogromnego wręcz jej znaczenia dla dostępności. Może dzisiaj, kiedy bez trudu możemy załadować dowolną czcionkę z zewnętrznego pliku, ma to już mniejsze znaczenie, ale wcześniej trudno było przewidzieć, jakie fonty będzie mieć zainstalowane użytkownik czytający stronę. Tymczasem tekst napisany np. czcionką Verdana będzie znacznie czytelniejszy niż tej samej wielkości font 'Times New Roman' - będący zwykle domyślną czcionką w systemie Windows, używaną w przypadku braku fontu podanego w arkuszu stylów. Rozwiązaniem problemu miało być użycie font-size-adjust... gdyby tylko wtedy było powszechnie wspierane przez przeglądarki. Ale jak to mówią: lepiej późno niż wcale.

Sławomir Kokłowski

Komentarze

Kurs JavaScript

JS
2024-09-25 11:47:19

Czy wiesz, że www.kurshtml.edu.pl to nie tylko HTML i CSS, ale również JavaScript (JS)? Materiały dotyczące tego języka zostały opublikowane po raz pierwszy prawie 11 lat temu. Od dzisiaj wszystkie tytuły rozdziałów i podrozdziałów z kategorii JS zostały rozbudowane w taki sposób, aby lepiej opisywały prezentowane treści. Dzięki temu odnalezienie odpowiednich artykułów na temat JavaScript powinno być szybsze niż kiedykolwiek.

Sławomir Kokłowski

Ćwiczenia HTML

HTML
2024-09-14 12:01:40

Zdobądź praktyczne umiejętności w HTML dzięki ćwiczeniom dla początkujących. Krok po kroku naucz się tworzyć własne strony internetowe, pisząc i modyfikując kod HTML.

Sławomir Kokłowski

« 1 2 3 4 5 6 ... 56 »

Tworzenie stron WWW

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych