ARIA role Role przekazują informacje do aplikacji asystujących, że opisany nimi element jest czymś innym niż wynika to z jego znacznika. Większość znaczników HTML posiada swoją domyślną rolę i dzięki temu są osiągalne np. dla programów czytających poprzez skróty klawiaturowe Przykładem może być znacznik <h1>, który pełni rolę nagłówka pierwszego poziomu. Znacznik<button> pełni rolę przycisku,…
Dowiedz się więcej
(Cascading Style Sheets) są używane do przechowywania wartości, które mogą być wielokrotnie wykorzystywane w kodzie CSS. Umożliwiają one definiowanie wartości raz i używanie ich wielokrotnie w różnych miejscach w arkuszu stylów, co ułatwia zarządzanie i aktualizację stylów na stronie internetowej. Deklarowanie zmiennych w CSS: Aby zadeklarować zmienną w CSS, używa się tzw. zmiennych niestandardowych (custom…
Dowiedz się więcej
Selektory CSS – To kluczowe narzędzia do określaniaelementów na stronie internetowej. Oto kilkapodstawowych typów: Kombinatory – Pozwalają na bardziej precyzyjne określenie wyboru elementów w zależności od ich relacji. Kilka przykładów kombinatorów: Kombinatory oraz różnorodne selektory pozwalają na precyzyjne i elastyczne stylowanie stron internetowych za pomocą CSS. Ten przykładowy kod CSS pokazuje różne sposoby wykorzystania selektorów…
Dowiedz się więcej
Wstawianie i kontrolowanie mediów, takich jak audio i wideo, za pomocą HTML Wprowadzenie Świat cyfrowy stale ewoluuje, oferując coraz bardziej interaktywne i zaawansowane doznania multimedialne. W tym kontekście, wstawianie i kontrolowanie mediów, takich jak audio i wideo, staje się kluczowym aspektem projektowania stron internetowych. Elementy HTML, takie jak <audio> i <video>, umożliwiają deweloperom skuteczne osadzanie…
Dowiedz się więcej
Obiekt <canvas> jest kontenerem graficznym, pozwalającym na rysowanie za pomocą języków skryptowych (zwykle JavaScript). Sam element <canvas> pozwala jedynie na zdefiniowanie przestrzeni do rysowania. Do czego służy ten znacznik? Znacznik <canvas> w połączeniu z językiem programowania JavaScript służy do rysowania grafik na stronie, sam znacznik jednak odpowiada tylko za sam kontener na grafikę. Ważna informacja: Zawsze…
Dowiedz się więcej
Formularze są nieodłącznym elementem interakcji użytkownika na stronach internetowych. Stanowią most pomiędzy odwiedzającym a witryną, umożliwiające zbieranie informacji, komunikację i reakcję na konkretne akcje. Dlatego warto zrozumieć, jak skonstruować formularze oraz jak zadbać o ich poprawne wypełnianie. Tworzenie Formularzy HTML Pierwszym krokiem jest utworzenie formularza za pomocą języka znaczników HTML. Element <form> stanowi kontener dla…
Dowiedz się więcej
Co to jest funkcja i czym różni się od procedury Funkcja , czyli odpowiednik funkcji matematycznej, to taka, która zawsze zwraca tę samą wartość dla tego samego zawsze zwraca tą samą wartość. Z programistycznego punktu widzenia tego typu funkcje , zwane funkcjami czystymi, nie wykonują żadnych dodatkowych działań, to znaczy że nie mają skutków ubocznych.…
Dowiedz się więcej
Wprowadzenie Kolor, jako element wizualny, odgrywa kluczową rolę w projektowaniu stron internetowych, wpływając nie tylko na estetykę, ale także na doświadczenie użytkownika. Wraz z rozwojem technologii internetowej, CSS stał nieodzownym narzędziem do definiowania wyglądu strony. W ramach tego tematu przyjrzymy się różnym formatom kolorów dostępnym w CSS oraz eksplorujemy techniki tworzenia gradientów liniowych i radialnych,…
Dowiedz się więcej
Flexbox to jedna z najlepszych funkcji CSS. Zaprojektowano ją jako jednowymiarowy model tworzenia układu elementów oraz metodę, która oferuje dystrybucję przestrzeni między elementami w interfejsie. Flexbox ułatwia też wyrównanie elementów. Dzięki Flexbox łatwiej jest projektować elastyczne i responsywne layouty bez korzystania z float, czy position. Definiowanie kontenera Aby zacząć korzystać z Flexbox, należy zedefiniować element,…
Dowiedz się więcej
Podczas kodowania do dyspozycji mamy wiele typów pozycjonowania elementów na stronie, ale wyróżniamy z nich głównie takie jak – static, relative, absolute, fixed, sticky. Każdy z nich służy do ustawiania na stronie poszczególnych elementów żeby osiągnąć większą przejrzystość witryny i możliwość do zwiększenia uwagi użytkownika oraz zachęcić go korzystania właśnie z naszej karty. Static –…
Dowiedz się więcej
