Адаптивный дизайн сайта

Приветствую вас, уважаемый посетитель блога PenserMen.ru. Почему вдруг я поднял тему про адаптивный дизайн сайта, спросят меня многие мои подписчики. А это как раз в некотором смысле ответ на другой вопрос некоторых моих читателей — пенсионеров: «Зачем надо было менять дизайн?» Не подумайте что я вздумал менять основную тематику блога. Нет, но экскурс в сайтостроение, на мой взгляд, лишним нашему брату не будет.

Итак, попытаюсь объяснить зачем же всё-таки мне понадобилась эта «свистопляска». А ответ лежит на поверхности. Вы ещё, надеюсь, не успели забыть старый дизайн, где на самом верху было написано: «Pensermen.ru — в ногу со временем!» Так вот эта самая «нога времени» и дала мне пендель в одно место, чтобы я от него не отставал.

Вспомните как выглядел старый дизайн сайта:

В своё время это был вполне себе нормальный вид. И как сейчас многие выражаются, в тренде того времени. Не скрою, мне его вид тоже очень нравился. Основой послужил простой вордпресс шаблон Divishion-Wordpress. А выглядело он примерно так, как на этом сайте:

Согласитесь, что между этими двумя картинками совершенно нет ничего общего. Но благодаря приобретённым курсам Евгения Попова и его личного блога, мне удалось совершить такое преображение внешнего вида шаблона. Кстати, это скриншот с его видеоуроков поэтому там присутствует его авторская надпись. Жаль, что уже нет возможности сравнить мой старый сайт и его личный блог.

Буквально с неделю назад он тоже поменял дизайн своего блога. А то бы можно было увидеть очень большое сходство. Да я и не скрываю. Мне очень хотелось сделать более менее оригинальный дизайн. Вот я и взял за образец его сайт. И буквально всё что получилось скопировал. Под словом скопировал, я имею ввиду стили CSS. Кстати, такое действие не является плагиатом.

Но если учесть, что в то время в сайтостроение я разбирался также как гинеколог в авиамоделировании, то на это у меня ушло ни много ни мало, месяцев девять. Но, естественно, я не работал как папа Карло, но корпел всё-таки не по-детски, а иногда и ночами, если что-то не получалось. На этот раз я не стал изобретать велосипед, а купил готовый шаблон и чуток подредактировал его на свой вкус. И теперь уже, учитывая мою дотошность, я уложился в неделю. Но это я отвлёкся.

В чём разница между статическим и адаптивным дизайном сайта

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

Но последние три можно объединить как схожие устройства, но мониторы-то у них могут очень сильно отличаться по размерам. Так вот размеры мониторов в первую очередь и делают статический сайт не привлекательным. Например, пользователь имеет огромный экран, а сайт у него отображается занимая только половину его площади, да ещё текст мелким шрифтом. Согласитесь, не очень-то приятно.

Плюсы адаптивного дизайна

Итак, самое главное преимущество адаптивного дизайна для пользователя это его удобство! Я уже не говорю о всех плюсах для веб-мастера, то есть для меня. Да, на мой взгляд, это моей основной аудитории читателей думаю не очень то интересно. Хотя мы же, в какой то мере проводим ликбез по этой теме. Тогда перечислю все плюсы.

• Шаблон подстраивается под разрешение монитора (поэтому иногда говорят не адаптивный, а резиновый);
• В большинстве случаев уже не требуется горизонтальная прокрутка;
• Всё содержимое отображается на одинаковом расстоянии от краёв;
• Лучше подходит для смартфонов и уже не нужно делать отдельную мобильную версию сайта;
• Приветствуется поисковыми системами, а значит повышается посещаемость.

Ну вот пожалуй и всё. Могу ещё добавить, что последнее время значительно увеличилось количество посетителей, использующих мобильные устройства. Эта цифра по статистическим данным посещения моего блога pensermen.ru в настоящее время находится в районе 15%. Согласитесь, это уже приличная цифра. А адаптивный дизайн сайта как раз и поможет привлечь посетителей, да и в первую очередь создаст удобства для просмотра необходимого материала.

Теперь уже точно всё. Желающие могут высказать своё мнение по поводу изменения дизайна сайта в комментариях. Поддерживаете ли Вы новый адаптивный дизайн сайта?

Удачи вам! До скорых встреч на страницах блога PenserMen.ru.