В Кемеровской веб-студии Квадрата создали сайт для медицинского центра Надежда. Да не просто сайт, а золотой адаптивный!
Медицинский центра Надежда
Не знаю насколько мои ощущения верные, но мне кажется, что при создании этого сайта дизайнер не принимал участие. Складывается ощущение, что все сделано руками программиста.
Все технические моменты сделаны на пятерку, адаптивная верстка ведет себя как следует, все пропитано логикой, правда меню как-будто из примера по бутстрапу. Но это мои субъективные ощущения. Может быть потому, что сайт мне нравится — все на своих местах и сделано внимательно.
Один вопрос к адаптивным макетам для планшетов и мобильных устройств — я бы поменял поведение меню. На мобилах и так места мало, а делать его развернутым по-умолчанию как-то не айс.
Ну и да — в спермосдаточной могли бы картинку по-веселей в телевизор вставить =)
> Не знаю насколько мои ощущения верные, но мне кажется, что при создании этого сайта дизайнер не принимал участие. Складывается ощущение, что все сделано руками программиста.
По секрету сообщу, что бюджет проекта не подразумевал адаптивности, макетов для маленьких разрешений не было. Но очень уж хотелось попробовать свои силы. Мы многое поняли благодаря этому проекту, следующий будет еще лучше.
> Один вопрос к адаптивным макетам для планшетов и мобильных устройств — я бы поменял поведение меню. На мобилах и так места мало, а делать его развернутым по-умолчанию как-то не айс.
Мы думаем над этим сами. Пока только думаем.
Сайты без дизайнера чаще всего выглядят как-то так ;) http://www.stakanov.net/
Если бюджет не подразумевал адаптивности — вам дополнительный респект!
Если бюджет не подразумевал адаптивности — респект тому проггеру у которого сработал синдром отличника. Он мог и не делать, раз не подразумевалось.
Дизайн хорошо подходит для адаптивной верстки. Сделали хорошо. Верстальщику респект. Вот только на определенной ширине меню уходит вверх в выпадющий список вводит в заблуждение.
> Вот только на определенной ширине меню уходит вверх в выпадющий список вводит в заблуждение.
Оно и на совсем маленьких экранах тоже, скорее всего, будет сворачиваться, когда мы окончательно определимся с этим вопросом.
Тогда для раскрытого меню потребуется скроллбар — на 480x320px оно не умещается на экране.
> Если бюджет не подразумевал адаптивности — респект тому проггеру у которого сработал синдром отличника. Он мог и не делать, раз не подразумевалось.
Это командное решение, нам нужен был живой пример разработки такого сайта.
Ну и не надо нашего замечательного веб-технолога называть куцым словом «проггер». :)
Ну как для разминки ок. Только адаптивность на этом сайте не нужна.
Ну вот иду я по улице, захотел сдать сперму, пошел на сайт с мобилы? Бредовый сценарий.
> Ну как для разминки ок. Только адаптивность на этом сайте не нужна.
Ну вот иду я по улице, захотел сдать сперму, пошел на сайт с мобилы? Бредовый сценарий.
Шатаюсь по торговому центру, услышал рекламу медцентра, которая крутится по внутреннему радио в ТЦ, полез искать их в интернете, нашел и зашел на сайт со своего нового iPhone, чтобы выпендриться перед окружающими.
Уведомление: Тренды веб дизайна в 2013 году | Ответ на главный вопрос жизни, вселенной и всего такого
«Все технические моменты сделаны на пятерку, адаптивная верстка ведет себя как следует, все пропитано логикой»
http://savepic.org/3314082.png
Кроме того логики нет при сжатии: то один блок сверху находится, то другой.
С лейблами забавно пропустили момент))
http://savepic.org/3296677.png
«Ну вот иду я по улице, захотел сдать сперму, пошел на сайт с мобилы? Бредовый сценарий»
У вас скучная жизнь)
Обрезка текста — косяк контент-менеджера, который любит неразрывные пробелы везде вставлять.
Насчет эллипсиса — спорный вопрос. На ссылках-кнопках он смотрелся ужасно, поэтому был убран, для блоков услуг же он был установлен для того, чтобы нормально работал плагин jQuery.dotdotdot (который делает multiline эллипсис в этих блоках на touch-устройствах).
Про какие блоки идет речь?
Да, косяк, спасибо за замечание! =)
>>Про какие блоки идет речь?
http://savepic.ru/4419830.png
Это было сделано из-за того, что на устройстве с разрешением экрана 480x320px (ландшафтный режим) раскрытый topbar не умещается на экране (а «проскроллить» его нельзя). Замечание справедливое, мы еще подумаем над этим. =)
P. S. И да — про этот недочет уже шла речь выше )