Headphones - strona internetowa
Ta strona jest realizowana jako realizacja indywidualnego projektu.
- repozycyjno-gumowy warstwy, które są dostosowane do dowolnego rozmiaru ekranu, od najmniejszych do największych;
- wykonane importowanie obrazów SVG, z serwisu online;
- łączenie zewnętrznych czcionek za pośrednictwem Google Fonts;
- tworzenie zmiennych CSS do łatwego edycji kolorów, czcionek itp. w razie większej potrzeby;
- takie przyciski, "dowiedzieć się więcej" lub "dodać do koszyka" są wyświetlane tylko jako część interfejsu i nie wykonują żadnej innej funkcji niż element dekoracyjny.
Warto zwrócić uwagę na animacje wykorzystywane w projekcie, które reagują na przeglądanie strony i nieuchronnie animują te lub inne obiekty. Ten cel został zrealizowany za pomocą biblioteki JavaScript ScrollReveal.
Na zagadkę w projekcie JavaScript był wykorzystywany minimalnie, do realizacji menu mobilnego, śledzenia przeglądania strony i odpowiedniego połączenia biblioteki do animacji.
- repozycyjno-gumowy warstwy, które są dostosowane do dowolnego rozmiaru ekranu, od najmniejszych do największych;
- wykonane importowanie obrazów SVG, z serwisu online;
- łączenie zewnętrznych czcionek za pośrednictwem Google Fonts;
- tworzenie zmiennych CSS do łatwego edycji kolorów, czcionek itp. w razie większej potrzeby;
- takie przyciski, "dowiedzieć się więcej" lub "dodać do koszyka" są wyświetlane tylko jako część interfejsu i nie wykonują żadnej innej funkcji niż element dekoracyjny.
Warto zwrócić uwagę na animacje wykorzystywane w projekcie, które reagują na przeglądanie strony i nieuchronnie animują te lub inne obiekty. Ten cel został zrealizowany za pomocą biblioteki JavaScript ScrollReveal.
Na zagadkę w projekcie JavaScript był wykorzystywany minimalnie, do realizacji menu mobilnego, śledzenia przeglądania strony i odpowiedniego połączenia biblioteki do animacji.