aTemplate (Test-Templates)

Первый шаблон, который выходит с пометкой "адаптивный". Это значит, что больше Вам не нужна мобильная версия сайта, потому что шаблон сам адаптируется под любое разрешение мобильного устройства!

Данный шаблон - это первый шаг к адаптации сайтов под современный, стремительно меняющийся, мир. Доля планшетов и смартфонов уже настолько ощутима, что пора подстраиваться под новые тенденции и идеи. Причем нужно четко понимать различия между адаптивным и обыкновенным дизайном. Все современные браузеры в смартфонах и планшетах имеют встроенную функцию масштабирования, благодаря которой большинство сайтов будут выглядеть просто уменьшенными и, чтобы прочитать информацию, нужно вручную приближать необходимую часть сайта, что несомненно не очень удобно.

Адаптивный дизайн является золотой серединой между "выглядеть красиво везде" и реальным миром =) Такой дизайн благодаря продуманной и специальным образом настроенной структуре адаптируется под любое разрешение экрана (не масштабируется, а именно адаптируется!), что позволяет с минимальными потерями комфортно читать информацию с экрана любого размера и разрешения.

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

Чтобы легко выделить такие шаблоны из всех остальных, они в своей обложке будут содержать вот такой символ:


Наличие такой эмблемки на обложке означает, что шаблон является адаптивным. ну а теперь хватит предисловий и рассуждений, пора приступать к описанию =)





Вид главной страницы:


Логотип и меню:


Красивый автоматический слайдер новостей из любой категории:


Ниже расположены три блока - логин панель, ссылка на обратную связь и на социальные сети:


Логин панель до авторизации:


Далее расположен вывод новостей:


Постраничная навигация и футер с 4-мя блоками:


Вид полной новости:


Справа появилась еще одна колонка, в которое есть блок вывода нужных новостей:


А также красивый блок вывода вашей рекламы:


и популярные новости:


Похожие новости:


Комментарии и все остальное. Три верхних блока с главной страницы сместились вниз:


Мобильный вид шаблона:


Видеозапись работы шаблона где очень подробно показана возможность просмотра на любых устройствах и как шаблон адаптируется к ним:


Для работы шаблона дополнительные поля не нужны.

Больше особо нечего рассказывать - надеюсь шаблон Вам понравился и жду вашего мнения по поводу линейки адаптивных дизайнов. Нужны ли они и как много необходимо уделять внимания этой теме?