Pierwsza strona w HTML i CSS, część 4: HTML

W czwartej części serii poświęconej tworzeniu pierwszej strony internetowej przyszedł czas na tworzenie szkieletu strony, czyli pliku HTML. Plik ten będzie obejmował zarówno część zawierającą elementy widoczne na stronie, jak i sekcję poświęconą informacjom dla przeglądarki mówiące o tym, w jaki sposób wyświetlać plik. Do dzieła! Na początek Podczas pisania strony będziemy się opierać na …

Pierwsza strona w HTML i CSS, część 3: makiety i opis

Realizowanie widoków strony internetowej z reguły odbywa się na podstawie zaprojektowanych makiet. Do projektowania wyglądu strony dedykowane są specjalistyczne narzędzia, jednak na potrzeby wykonania najprostszej treningowej strony www wystarczy ogólna wizualizacja, którą prezentuję poniżej. Makiety Makiety strony zostały przygotowane z uwzględnieniem trzech popularnych rodzajów urządzeń, umownie zwanych telefonami, tabletami oraz komputerami. Piszę “umownie”, ponieważ nie …

Pierwsza strona w HTML i CSS, część 2: kontrola wersji

Aby efektywnie zarządzać wytwarzanym kodem, programiści w znakomitej większości posługują się narzędziami do kontroli wersji. Geniusz tego rozwiązania polega na tym, że kod jest zawsze dostępny, można przywracać jego wersje z przeszłości oraz pracować równolegle całym zespołem. Dla początkującego adepta programowania nauka tego podstawowego narzędzia jest w dzisiejszym świecie koniecznością oraz sporym ułatwieniem w budowaniu …

Pierwsza strona w HTML i CSS, część 1: edytor

Do napisania kodu, który uruchomimy w przeglądarce, nie potrzeba wiele: tak naprawdę wystarczyłby pospolity Notatnik. Żeby jednak wytwarzać kod efektywnie oraz przyjemnie, można skorzystać z jednego z wielu dobrych i darmowych edytorów kodu. W tej serii będę posługiwała się Visual Studio Code, a w tym wpisie pokażę jak rozpocząć z nim pracę. Programiści mają do …

Wstęp do serii “Pierwsza strona w HTML i CSS”

Od słów do czynów! W poprzedniej serii wpisów skupiłam się na teorii HTML i CSS, popartej garścią wybranych przykładów. Nadszedł zatem najwyższy czas, aby zdobytą wiedzę wykorzystać w praktyce i stworzyć swoją pierwszą stronę WWW. Celem publikowanych postów będzie stworzenie bardzo prostej strony internetowej, której kod zostanie wrzucony na GitHuba, a sama strona będzie opublikowana …

O pracy z zastanym taskiem – refleksje

W życiu programistów zdarza się czasami tak, że naszym zadaniem jest implementacja ciekawej funkcjonalności, nad którą prace zaczęły się już jakiś czas wcześniej. Na tym etapie nic nie zapowiada katastrofy, ja jednak na swoim przykładzie mogę śmiało powiedzieć, że takie zadania potrafią znacząco przyspieszyć tempo pojawiania się siwych włosów na głowie. Dzisiaj dzielę się kilkoma …

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 …