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…
Dowiedz się więcej
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ć…
Dowiedz się więcej
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…
Dowiedz się więcej
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.…
Dowiedz się więcej
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…
Dowiedz się więcej
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…
Dowiedz się więcej
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…
Dowiedz się więcej
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,…
Dowiedz się więcej
Po półrocznej rozbiegówce na blogu i postach z gatunku techstyle, przechodzę w końcu do mięska, czyli wpisów na tematy techniczne. W pierwszej kolejności na tapet idą HTML oraz CSS. Tradycyjnie już posty publikuję co poniedziałek około 9:00 (robię co mogę :)), o każdym wpisie daję znać na Facebooku, zatem zachęcam do polubienia i obserwowania: facebook.com/devolajf. Linki…
Dowiedz się więcej
Możliwość elastycznego decydowania o wykonywaniu pracy zdalnie wraz z utrzymaniem wariantu pracy w biurze, jest obecnie dla mnie jednym z najważniejszych benefitów, jakie może mi zaproponować pracodawca. Oczywiście każde przedsiębiorstwo ma swoją własną politykę w tym zakresie, nie wszędzie można liczyć na możliwość wykonywania pracy spoza biura nawet w minimalnym wymiarze godzin, zdarza się też,…
Dowiedz się więcej
