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

Mar 01, 2015 21:33



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

ui, link, web, design, it, mobile, adaptive, usability, Ларина Галина, html, css

Leave a comment

Comments 5

zidar March 1 2015, 18:25:45 UTC
За схему адаптации к ширине экрана - зачёт!

Поправь глюк: на узком экране совершенно не очевидно, куда ведут пункты меню - подписей-то нет. Атрибуты title хотя бы добавь к ссылкам в меню, что ли...

Reply

vit_1 March 1 2015, 18:44:09 UTC
Это не глюк, просто я пока не придумал элегантное решение, title css'ом убрать нельзя, и для широкого экрана эти tooltip'ы будут совершенно излишними, потому пока так.

Кстати для IE ниже девятого не стал цеплять килобайты кода в поддержку адаптивности, элегантно обошёл проблему неподдержки media queries повторным линком css через условный комментарий.

Reply

title не поможет vit_1 March 5 2015, 06:47:27 UTC
Проблема оказалась существенней чем я ожидал:
Пользователь, который зашел впервые на этот сайт и сразу с мобильного устройства, не догадывается пощёлкать по другим иконкам.

На смартфонах курсора нет, так что tooltip это не решение =( То же и Microsoft пишет, плюс ещё статья, что Hover умер! Во грабли-то!

Reply


rocketsan March 1 2015, 19:10:09 UTC
Осталось подправить адаптивность своего ЖЖ :))))


... )

Reply

vit_1 March 1 2015, 19:38:38 UTC
Хы, для этого надо перейти на платный аккаунт, и потратить кучу времени на разработку... Не, ну его нафиг!

Reply


Leave a comment

Up