Responsywna strona internetowa to strona, która jest zaprojektowana w taki sposób, aby dostosowywać się do różnych rozmiarów ekranów.
Tworzymy layout bloga
W internecie można znaleźć przeróżne, gotowe szablony do niemal każdego rodzaju stron internetowych. Co w przypadku chęci stworzenia strony według własnego pomysłu? Tworzenie stron internetowych wymaga nie tylko umiejętności technicznych, ale także zmysłu artystycznego.
Funkcja clamp w CSS
Funkcja clamp to wygodna i nowoczesna metoda CSS służąca do uzyskania precyzyjnej, a zarazem elastycznej kontroli nad wyglądem elementów. Użycie tej funkcji polega na podaniu trzech parametrów, a ona już sama przeliczy wielkość danego elementu.
Flexbox, czyli elastyczne tworzenie stron www
Pojęcie responsywnych stron www każdemu kojarzy się z elastycznymi stronami, które są dostosowane do wyświetlania na różnych rodzajach ekranów. W szczególności pojęcie znane jest osobom na stanowisku frontend developer – osoby odpowiedzialne za część wizualną (techniczną) strony www. Dzisiaj wiodącym trendem jest flexbox.
Responsywne wideo w tle strony
Jakiś czas temu pisałem o tym jak zrobić screenshot’a w html5, natomiast dzisiaj skupię się na efekcie, który jest coraz bardziej popularny w internecie. Mianowicie zaprezentuję, jak uzyskać responsywne tło w postaci wideo. Sprawa przy responsywnej grafice jest o tyle prostsza, że wystarczy użyć backround-image oraz background-size (cover/contain). A przy wideo?