obraz

Jak zastąpić obrazek kodem CSS?

W tym artykule pokażę wam jak w bardzo prosty sposób zastąpić grafikę, obrazek kodem CSS. Większość efektów jakie poniżej zobaczycie stała się możliwa wraz z rozwojem CSS. A tym samym ułatwiło życie wielu osobą budującym strony internetowe.

Współczynnik proporcji, czyli aspect-ratio w CSS

Właściwość aspect-ratio umożliwia zdefiniowanie pożądanej szerokości do wysokości elementu znajdującego się w kontenerze, polu. W praktyce umożliwia nam to dostosowywanie się zawartości w obszarze do wymiarów przeglądarki. Być może wydaje się to na początku mało użyteczne jednak trzeba pamiętać, że w dzisiejszych czasach strony wyświetlamy na różnej wielkości urządzeniach.

Tło poruszające się za kursorem myszy

Tematem jaki tym razem chce poruszyć jest tło poruszające się za kursorem myszy. W praktyce końcowym efektem będzie tło będzie podrożało podążające za ruchem myszki odsłaniając lub chowając fragmenty obrazu, zdjęcia lub grafiki umieszczonej w tle. Efekt ten można użyć jako np. tło elementu lub całej sekcji strony.

Co rozumiemy pod określeniem Above the fold (ATF)?

Above the Fold (w skrócie ATF) to pojęcie z tematyki witryn internetowych (blogów, stron, sklepów itp.). Odnosi się ono do obszaru, który jako pierwszy jest widoczny po załadowaniu witryny w oknie przeglądarki. Czyli to co zobaczy użytkownik bez potrzeby scrollowania / przewijania witryny.

Recykling treści – na czym polega?

Tworzenie co chwilę nowych treści (artykułów, filmów, grafik, ankiet) na bloga, czy do aktualności (np. w mediach społecznościowych), nie należy w cale do takich łatwych zadań. Powiedziała bym, że jest to nawet dość męczące zajecie.

Przewiń na górę