WebStudio-adaptive-480-768-1200
Jest to jeden z przykładów mojego adaptowego wkładki na maketę Figma.1. duża uwaga została poświęcona semantyce (aby poprawić lokalizację witryny w wynikach wyszukiwania Google)
2. w kodzie pisemnym używany preprocesor SASS i metodologia BEM
3. w pracy zwrócono dużą uwagę na nie-typowe rozwiązania projektowe
4 .Zastosowana technologia SVG-Sprate
5 . ukryte menu przycisk dla urządzeń mobilnych, dla PC wszystko z powrotem na miejsce)
6. dla każdego przełomu wykorzystywane niezbędne obrazy i pozycjonowanie
5.W niektórych sekcjach od użytkownika ukryte tytuły, ale dzięki temu zwiększa się semantyczność i popularność witryny.6.dla urządzeń mobilnych specjalnie ograniczony, nie obojętny, zawartość niektórych sekcji (dla prędkości pobierania witryny),a z powrotem w pełnym zakresie dla komputerów.Strona 7 "Kontakty" była braku w modzie i zadaniu.8. na stronie "Portfolio" na kartach używane overlay
9.Wykonane okno modalne (naciśnij przycisk "Zadaj usługę")
Zwróć szczególną uwagę na jakość kształtów na oknie mody
...
#html #Sass/SCSS #css #BEM
2. w kodzie pisemnym używany preprocesor SASS i metodologia BEM
3. w pracy zwrócono dużą uwagę na nie-typowe rozwiązania projektowe
4 .Zastosowana technologia SVG-Sprate
5 . ukryte menu przycisk dla urządzeń mobilnych, dla PC wszystko z powrotem na miejsce)
6. dla każdego przełomu wykorzystywane niezbędne obrazy i pozycjonowanie
5.W niektórych sekcjach od użytkownika ukryte tytuły, ale dzięki temu zwiększa się semantyczność i popularność witryny.6.dla urządzeń mobilnych specjalnie ograniczony, nie obojętny, zawartość niektórych sekcji (dla prędkości pobierania witryny),a z powrotem w pełnym zakresie dla komputerów.Strona 7 "Kontakty" była braku w modzie i zadaniu.8. na stronie "Portfolio" na kartach używane overlay
9.Wykonane okno modalne (naciśnij przycisk "Zadaj usługę")
Zwróć szczególną uwagę na jakość kształtów na oknie mody
...
#html #Sass/SCSS #css #BEM