ścieżka początkującego programisty
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 …
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 …
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 …
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ć …
Czytaj dalej O tym co to jest model pudełkowy i jak wyśrodkować element
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 …
Czytaj dalej O selektorach, pseudo-selektorach i pseudo-klasach
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 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 …
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 …
Czytaj dalej O Emmet, Pug i innych takich, czyli sposoby na efektywny HTML
Pisanie kodu HTML może na pierwszy rzut oka wydawać się kwestią niewartą uwagi. Ot, kilka divów, tabelka i nagłówek. Jednak konstrukcja szkieletu strony może sprawiać trudności, szczególnie jeżeli chce się to zadanie wykonać zgodnie ze specyfikacją języka. Dzisiaj piszę o tym, po co zawracać sobie głowę prawidłowym użyciem oraz podaję kilka przykładów z życia i …
Pod pojęciem “front-end” może się kryć bardzo wiele. Zakresy obowiązków front-end developerów są różne w różnych firmach (szerzej pisałam o tym tutaj) i zdarzyć się może, że programista zmieniając pracę lub projekt z pozycji regulara wraca do pozycji juniora, właśnie ze względu na nieznajomość technologii. Jednak pewne technologie są w front-endowym światku na tyle powszechne, …
Czytaj dalej O tym co to jest HTML i na co to komu w 2020 roku