Barbershop Borodinski. Сайт мужской парикмахерской презентация

HTML 5; CSS 3; Применены правила адаптивной верстки; Media запросы; Проект прошел проверку по стандартам CSS3, HTML сервиса W3C -Unicorm Markup Validation Service; Проект размещен на хостинге, измерялась скорость загрузки сайта

Слайд 1Barbershop Borodinski
True barbershop! Real barbers!

Сайт мужской парикмахерской





Слайд 2


Слайд 3HTML 5;
CSS 3;
Применены правила адаптивной верстки;
Media запросы;
Проект прошел проверку по стандартам

CSS3, HTML сервиса W3C -Unicorm Markup Validation Service;
Проект размещен на хостинге, измерялась скорость загрузки сайта при помощи сервиса Page Speed Insights;
Написан скрипт фильтрации товара по производителю и направлению товара;
Слайдер;
Валидация формы авторизации на сайте на основе JQ плагина;
Набор компонентов для размещения интерактивных Яндекс карт на страницах сайта или в веб-приложении JavaScript API

Использованные технологии:



Слайд 4Проверка правильность разметки веб- документов в формате HTML



Документ прошёл тест: W3C CSS3

Validator


Валидация


Слайд 5Pagespeed
Оценка PageSpeed составляет более 85 баллов, что означает, что страница

загружается быстро.

По критерию «Удобство для пользователей» проект получил все 100 баллов!

Слайд 6Проект был проверен в следующих браузерах:

Firefox;
Opera;
Chrome;
Safari;

Кроссбраузерность


Слайд 7min-width: 400px
Адаптивность и контрольные точки


Слайд 8min-width: 580px
Адаптивность и контрольные точки


Слайд 9min-width: 700px
Адаптивность и контрольные точки


Слайд 10min-width: 850px
Адаптивность и контрольные точки


Слайд 11 Использованы технологии :before & :after и :checked &:not

Фокус заключается в использовании

псевдоселекторов :checked и :not.

При этом сам чекбокс или радиокнопка делаются невидимыми, а их эмуляция осуществляется с помощью псевдоселекторов :before и :after для тега, который, как мы знаем, переключает состояния элемента формы, если он привязан к нему через атрибут for.

:before & :after :checked & :not


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика