strony - Kurs HTML i CSS
HTML5 / Możliwy koniec linii <wbr>...w szerokości okna. Jednak w niektórych warunkach przełamanie tekstu może nie być możliwe. Wtedy najczęściej pojawi się poziomy suwak do przewijania strony. Z takim przypadkiem możemy mieć do czynienia wewnątrz znacznika PRE, gdy zablokujemy zawijanie tekstu przy pomocy CSS albo gdy w długiej linijce nie umieścimy żadnego białego znaku (np. spacji) ani innego, po którym normalnie może nastąpić przełamanie wiersza. Znacznik WBR daje przeglądarce możliwość przełamania wiersza w tym miejscu...
- HTML5 / Otwierany panel <details, summary>
...jest na początku wyświetlić mu tylko podstawowe dane, a do szczegółów dać dostęp dopiero, kiedy zyskamy jego zainteresowanie konkretnym elementem strony. Do tej pory jedynym sposobem wstawienia takiego otwieranego panelu było użycie dynamicznych skryptów JavaScript. HTML5 pozwala to wykonać bez ich potrzeby. W stanie zamkniętym, przeglądarka zamiast treści wpisanej w znaczniku, wyświetla tylko nagłówek panelu z napisem podanym przez nas za pomocą elementu SUMMARY. Co ciekawe, możliwe jest...
Polityka prywatności...raz dokonanego przez użytkownika - np. ustawienie rodzaju wyszukiwarki identyfikacja przeglądarki internetowej pomiędzy kolejnymi odwiedzinami strony - np. logowanie Przetwarzanie niezbędne do celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratora zapisywanie adresu IP - w celu zapobiegania oszustwom i łamaniu prawa Okres przechowywania danych Dane osobowe będą przechowywane przez 1 rok bądź na czas trwania sesji (do chwili zamknięcia okna...
Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}...Może się zdarzyć, że w jednym wierszu kontenera elastycznego mogłoby się zmieścić więcej elementów niż mamy zapewnionych. Wtedy zwykle z prawej strony pozostaje wolna przestrzeń. Możemy jednak sprawić, aby w takiej sytuacji szerokość elementów elastycznie dopasowała się w taki sposób, aby wypełniły całą dostępną przestrzeń kontenera. Jeżeli chcemy, aby wszystkie elementy zostały rozciągnięte równomiernie, wystarczy każdemu przypisać styl "flex-grow: 1". Możemy też zadecydować, aby np...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...ten prosty mechanizm. Zaimplementowana w przeglądarce obsługa jednej właściwości przy jednoczesnym braku innych może poważnie popsuć wygląd strony, a w przypadku skrajnym nawet całkowicie uniemożliwić jej odbiór przez czytelnika. Właście na taką ewentualność zostały stworzone warunkowe reguły stylów (zapytania właściwości - ang. feature queries). Pozwalają one dodać do arkusza deklaracje, które zostaną użyte przez przeglądarkę tylko jeżeli potrafi ona obsłużyć (albo nie potrafi...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...w tle plik z kodem skryptu (który może być czasem sporych rozmiarów), pozwalając w tym czasie użytkownikowi normalnie rozpocząć czytania treści strony, na nic nie czekając. <script async src="plik.js"></script> Podobnie działa atrybut defer, jednak wtedy przeglądarka rozpoczyna wczytywanie skryptu dopiero po załadowaniu pełnego kodu HTML dokumentu. Może to potrwać nieco dłużej niż w przypadku użycia atrybutu async. XHTML W języku XHTML skrypty osadzamy następująco: <script...
- HTML5 / Responsywny obrazek <picture, source>
...posiadają abonament z wysokim limitem danych, to i tak może się zdarzyć, że znajdą się akurat w miejscu o słabym zasięgu sieci. Wtedy wyświetlenie strony z ciężkimi zdjęciami może trwać bardzo długo. Rozwiązaniem tego problemu mogłoby być używanie nowoczesnych formatów zdjęć - np. WEBP lub JXR - które zapewniają lepszy stopień kompresji danych. Dzięki temu pliki w nich zapisane mogą być nawet kilkukrotnie lżejsze niż np. w tradycyjnym formacie JPG. Niestety starsze przeglądarki nie...
Odsyłacze HTML / Ćwiczenia...na stronie głównej, a następnie umieszczając na początku wykaz 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ć...
- CSS dla zielonych / Arkusz stylów CSS
...Czym są i do czego służą arkusze stylów CSS? Arkusz stylów CSS jest plikiem tekstowym służącym do ustalania wyglądu strony internetowej. Zawiera on tzw. reguły stylów. Z kolei każda z nich składa się z selektora i deklaracji stylów. Poszczególne deklaracje obejmują listę poleceń, które określają, w jaki sposób chcemy zmienić wygląd elementu na stronie wskazanego przez selektor.
- Typy MIME / Multipurpose Internet Mail Extensions
...musi pobierać dużych multimediów tylko po to, żeby po wszystkim przekonać się, że i tak nie potrafi ich obsłużyć. To nie tylko przyspiesza działanie strony oszczędzając użytkownikowi transfer, ale często pozwala również wskazać kilka alternatywnych formatów plików, aby przeglądarka mogła zdecydować, który z nich byłby dla niej najbardziej optymalny. Oznaczenie MIME składa się zawsze z dwóch części rozdzielonych znakiem ukośnika: typu i podtypu mediów. Typy mediów application Dane binarne...