O tym co to jest dostępność stron i aplikacji oraz dlaczego to takie ważne

Dostępność WWW (web accessibility, a11y) to dziedzina, która zajmuje się zagadnieniem tworzenia stron i aplikacji internetowych dostępnych dla jak najszerszego grona odbiorców, ze szczególnym uwzględnieniem osób narażonych na wykluczenie cyfrowe (niepełnosprawnych, starszych, gorzej wykształconych, pozbawionych dostępu do szerokopasmowego internetu) 1. Jest dość szeroka dyscyplina, która – jak się okaże poniżej – obejmuje znacznie więcej wytycznych …

O responsywności i wsparciu przeglądarek

Czasy, kiedy do korzystania z internetu używało się prawie wyłącznie komputera stacjonarnego lub laptopa odeszły bezpowrotnie. Ilość urządzeń, które pozwalają na przeglądanie stron i aplikacji internetowych rośnie z każdym dniem. Na każdym z tych urządzeń z reguły można uruchomić więcej niż jedną przeglądarkę internetową. Jak sobie zatem poradzić z obsługą tylu możliwości bez pisania tysięcy …

O CSS od Sassa do Lessa

Preprocesory CSS to narzędzia, które znacznie ułatwiają wytwarzanie kodu arkuszy stylów. Ich działanie polega na umożliwieniu użytkownikowi korzystania z udogodnień na etapie pisania kodu, który po kompilacji staje się klasyczną, pełnoprawną zawartością pliku *.css. Jedne z bardziej popularnych preprocesorów to Sass oraz Less. W tym wpisie głównie skupię się na Sassie, ponieważ z tego rozwiązania …

O frameworkach CSS na przykładzie Bootstrapa

Korzystanie z frameworków CSS jest codziennością w bardzo wielu projektach komercyjnych. W mojej opinii nie ma w tym nic złego, szczególnie jeżeli pracujemy nad rozbudowaną biznesowo aplikacją, która służy np. do zarządzania danymi. Kiedy priorytetem zamawiającego jest przejrzystość i funkcjonalność, a oryginalność i wyjątkowy design nie są szczególnie wartościowe, użycie frameworka może znacząco skrócić czas …

O Flexboxie

Flexbox to obecnie jedno z coraz bardziej powszechnych narzędzi w arsenale front-end developerów. Jego pojawienie się w 2017 roku znacznie uprościło rozmieszczanie i wyrównywanie elementów strony w pożądany sposób. Koncept elastycznych kontenerów usprawnia nadawanie stylów odpowiedzialnych za położenie elementów HTML wyświetlanych na różnych rodzajach urządzeń i rozmiarach ekranów. Poniżej zamieszczam subiektywne zestawienie najczęściej używanych właściwości …

O tym co to jest model pudełkowy i jak wyśrodkować element

Są takie zagadnienia CSS, z którymi większość z front-end developerów prędzej czy później będzie musiała sobie poradzić. Mowa tu o np. wyśrodkowywaniu elementów na stronie. Do tego zadania doskonale nadaje się moduł Flexbox czy frameworki typu Bootstrap, jednak w dzisiejszym wpisie pochylam się nad rozwiązaniami, które nie wymagają ich użycia. Na początku jednak chciałbym zwrócić …

O selektorach, pseudo-selektorach i pseudo-klasach

Jak wspominałam we wpisie pt. „O tym co to jest CSS” (link tutaj), na reguły w arkuszach stylów składają się deklaracje, czyli właściwości i nadawane im wartości, nawiasy klamrowe oraz selektory. Te ostatnie odpowiadają na pytanie, którym elementom nadać style ustalone w deklaracjach. W jaki sposób zatem w CSS wskazywać wybrane elementy? Poniżej omawiam kilka …

O tym co to znaczy “kaskadowy” w praktyce, czym jest dziedziczenie i po co komu “!important”

Zasady określające zastosowanie stylów pochodzących z różnych źródeł mogą w pierwszej chwili wydawać się niejasne i zawikłane. Należy jednak przyswoić kilka podstawowych informacji, aby mieć wstępne pojęcie „dlaczego ten element wyświetla się tak, a nie inaczej”. Tę kwestię potrafi utrudnić używanie słowa kluczowego „!important”, jednak zanim do niego przejedziemy, przyjrzyjmy się kaskadowości oraz dziedziczeniu stylów. …

O tym co to jest CSS

O ile o tym jakie treści znajdą się na stronie i jaki będzie ich podstawowy układ, decyduje konstrukcja „szkieletu strony”, czyli dokumentu HTML, o tyle sam wygląd elementów strony jest ustalany za pomocą reguł CSS. Dzisiaj przyjrzymy się temu w jaki sposób zbudowana jest reguła CSS, co składa się na deklaracje czy w jaki sposób …

O Emmet, Pug i innych takich, czyli sposoby na efektywny HTML

Jakby na HTML nie patrzeć, to sporo trzeba stukać w klawisze klawiatury, żeby napisać trochę kodu. Programiści na szczęście lubią optymalizować co się da, więc i w tej kwestii nie jesteśmy zupełnie bezradni. Na przestrzeni czasu powstało kilka podejść do tematu, czy to w postaci wtyczek do edytorów kodu (konwersja na HTML „w locie”), czy …