WebStudio-adaptive-480-768-1200
Один з прикладів моєї адаптивної верстки по макету Figma.
1. велику увагу було приділенно семантиці (для поліпшення місця вашого сайту в результатах пошуку Google)
2. в написані коду використаний препроцесор SASS та методологія BEM
3. в роботі було приділено велику увагу не типовим дизайнерським рішенням
4 .застосована технологія SVG-спрайт
5 .приховане меню-кнопка для мобільних пристроїв, для пк все повернуто на місце)
6. для кожного перелому використані необхідні картинки та позиціювання
5.в деяких розділів від користувача приховані заголовки, але завдяки цьому підвищується семантика та популярність вашого сайту.
6.для мобільних пристроїв спеціально обмежений, не обовязковий, контент деяких розділів (для швидкості загрузки сайту),та повернутий в повному обсязі для компютерів.
7.сторінку "Контакти" була відсутння по макету та завданню.
8. на сторінці "Портфоліо" на картках використано overlay
9.виконано модальне вікно (натиснути кнопку "Замовити послугу")
10. приділена особлива увага якості форм на модальному вікні
...
#html #Sass/SCSS #css #BEM
1. велику увагу було приділенно семантиці (для поліпшення місця вашого сайту в результатах пошуку Google)
2. в написані коду використаний препроцесор SASS та методологія BEM
3. в роботі було приділено велику увагу не типовим дизайнерським рішенням
4 .застосована технологія SVG-спрайт
5 .приховане меню-кнопка для мобільних пристроїв, для пк все повернуто на місце)
6. для кожного перелому використані необхідні картинки та позиціювання
5.в деяких розділів від користувача приховані заголовки, але завдяки цьому підвищується семантика та популярність вашого сайту.
6.для мобільних пристроїв спеціально обмежений, не обовязковий, контент деяких розділів (для швидкості загрузки сайту),та повернутий в повному обсязі для компютерів.
7.сторінку "Контакти" була відсутння по макету та завданню.
8. на сторінці "Портфоліо" на картках використано overlay
9.виконано модальне вікно (натиснути кнопку "Замовити послугу")
10. приділена особлива увага якості форм на модальному вікні
...
#html #Sass/SCSS #css #BEM