CSS
2024-12-03 22:25:05

Czy wiesz, czym się różni okładka wydruku od strony lewej i prawej? Chcesz zupełnie wyzerować marginesy na okładce lub na innych stronach wydruku? A może zastanawiasz się, w jaki sposób przygotować w CSS druk dwustronny, tak aby potem wszystkie kartki można było wygodnie spiąć jak książkę?

Sławomir Kokłowski

Czy mogę używać...

Strona
2024-10-27 17:11:02

Każdy webmaster na pewno niejednokrotnie zastanawiał się, czy może bezpiecznie używać wybranego elementu języka HTML/CSS bez obawy, że nie zostanie on poprawnie wyświetlony w jednej z popularnych przeglądarek.

Teraz strona, która zbiera w jednym miejscu takie informacje, została odświeżona. Uwzględnia przeglądarki: Chrome, Firefox, Edge, Opera i Safari. Ciekawi Cię, która z nich zapewnia najwyższy poziom wsparcia języka HTML i CSS? Sprawdź ranking przeglądarek.

Sławomir Kokłowski

Wskaźnik poziomu wsparcia przeglądarek

Strona
2024-10-20 09:43:56

Teraz wszystkie rozdziały Kursu HTML i CSS, które tego wymagały, zostały uzupełnione o informacje na temat poziomu wsparcia danego polecenia w popularnych przeglądarkach: Chrome, Firefox, Edge, Opera, Safari.

Oprócz tego wskaźnik wsparcia przyjął przyjaźniejszą, graficzną formę. Poszczególne przeglądarki są reprezentowane ikonami. Po ich wskazaniu myszką, w dymku narzędziowym pojawi się bardziej szczegółowa informacja podająca dokładne numery wersji, a nawet datę wydania, od której wybrana przeglądarka po raz pierwszy wprowadziła obsługę danego polecenia. Ikony przeglądarek mogą być opatrzone grafikami kolorowych kropek: czerwona kropka oznacza, wsparcie poniżej 1 roku, natomiast żółta - poniżej 2,5 roku.

Tak jak wcześniej, dostępny jest również pasek obrazujący ogólne wsparcie danego polecenia we wszystkich popularnych przeglądarkach. Jeśli jest zielony (poziom 100%), możesz śmiało używać tego polecenia.

Sławomir Kokłowski

HTML5 / Atrybuty globalne

HTML
2024-10-13 09: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 10: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 14: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 14: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 12: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 09: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 15: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

« 1 2 3 4 5 ... 55 »

Tworzenie stron WWW

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych