Одним из ключевых требований была разработка адаптивного дизайна для всех устройств. Для решения это задачи была выбрана тема WP exoplanet, она была настроена и дописана под критерии дизайна сайта. Для обеспечения адаптивной верстки были использованы медиазапросы.
После настройки произведена модернизироваана средствами css3, а для разметки контента применена блочная верстка.

Отрывок кода с оформлением блоков главной страници:

.featured-post:hover{
background-color: #fafafa;
box-shadow:0px 1px 23px 0px box-shadow:0px 1px 23px 0px rgba(0,0,0,0.69);
-webkit-box-shadow:0px 1px 23px 0px rgba(0,0,0,0.69);
-moz-box-shadow:0px 1px 23px 0px rgba(0,0,0,0.69);
}
...

 

В процессе подготовки сайта к конкурсу я не только закрепил свои знания Веб-разработки, но и научился использовать различные технологии веб-дизайна.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *