#frontendowe spojrzenie na tworzenie stron www
Grudniowa i styczniowa aktualizacja testowej wersji przeglądarki Safari Technology Preview zawiera bardzo ciekawe zapisy i nowości. Są to nowości z zakresu CSS, JS oraz Web Inspektora. Dzisiaj chciałbym opisać istotne zmiany w przypadku styli i narzędzi deweloperskich, które będą przydatne w pracy frontendowca.
Łukasz
Short posts to sekcja, gdzie znajdziesz szybkie porady i gotowe rozwiązania prostych, lub nie, problemów do wykorzystania na swojej stronie.
Podczas tworzenia oprogramowania, nie ważne czy strony internetowej, aplikacji, ważnym elementem jest dobry code review. Wprowadzenie dobrych praktyk od początku cyklu życia danego oprogramowania z pewnością ułatwi i przyspieszy pracę.
Łukasz
Bardzo niedawno temu, nastał dzień, w którym to pierwsza przeglądarka uruchomiła wsparcie dla pseudo selektora :has() w CSS. Jest to o tyle ważna informacja, ponieważ czekaliśmy na to już od jakiegoś czasu. W skrócie: pseudo selektor :has() wybiera rodzica danego elementu.
Łukasz
Dzisiejszy wpis chciałbym poświęcić tematowi responsywnych obrazów na stronie internetowej. Temat bardzo istotny, gdyż bardzo wiele osób przegląda strony na urządzeniach mobilnych o różnej rozdzielczości. Dlatego przygotowuje się strony tak, aby zawierały obrazy responsywne.
Łukasz
Tworząc nowoczesne strony internetowe chcemy, aby była ona przyjazna użytkownikowi. Chcemy także, aby treść na stronie była przedstawiona w atrakcyjny sposób, także w formie animacji. Nie można jednak przesadzić, bo wtedy uwaga użytkownika zostanie rozproszona i jest mniejsza szansa, że dotrze do informacji, której szukał. Dzisiejszy wpis poświęcę zagadnieniu, które pomoże w zmniejszeniu ruchu na stronie (redukcja ruchu), gdy użytkownik sobie tego życzy.
Łukasz
Cienie pod elementami na stronie internetowej bardzo często poprawiają ich czytelność. Ma to miejsce na przykład podczas użycia wyskakujących okien czy tak zwanych modali. Jeszcze kiedyś chcąc uwydatnić element należało przygotować odpowiednią grafikę i umieścić ją w tle elementu. Dzisiaj mamy ten komfort, że możemy stworzyć cień w CSS i będzie on bardzo realistycz
Łukasz
Conic-gradient() to wbudowana funkcja CSS, za pomocą której można tworzyć ciekawe, barwne tła. Sposobów na wykorzystanie tego typu tła jest oczywiście więcej. Dzisiaj skupię się na omówieniu zasady działania i kilku przykładach.
Łukasz
Tworzenie stron internetowych zawiera w sobie wiele możliwości. Także jeśli chodzi o projektowanie i tworzenie formularzy, w których zawarte są pola wyboru. Jak podejść do tego typu formularzy i jak je wykonać, by były przyjazne użytkownikowi? Wyrównanie checkbox’ów i sposoby przedstawię w poniższym, krótkim artykule.
Łukasz
Zapytania o media przeglądarki są bardzo istotne, gdy tworzymy responsywne strony www. Dzisiaj dobrą praktyką jest projektowanie stron w tak zwanym podejściu „mobile first” oraz elastycznie dopasowane do rodzaju urządzenia i szerokości jego ekranu. Dzisiaj chcę przedstawić czwarty poziom Media Queries, czyli dostosowanie elementów względem wielu parametrów w nowym podejściu (zakresy).
Łukasz
Tworząc i wersjonując projekty czasem potrzebujemy poprowadzić daną gałąź (branch) bez historii branch’a źródłowego. Jest to pomocne w przypadku, gdy chcemy wydzielić jakiś moduł, który następnie przeniesiemy do innego projektu. Zatem przejdźmy do szybkiego przedstawienia operacji tworzenia branch’a bez historii.
Łukasz
