Тред 1 (этот), Тред 2 (следующий), Тред 3

Ранее

Пишет Гость:
14.10.2015 в 03:56


А вообще, давайте обсудим дизайн вёрстки, чтобы те, кто будет этой зимой верстать и придумывать дизайн, не повторяли ошибок. Что недопустимо в вёрстке, что, наоборот, должно быть?
Думают ли те, кто будет верстать, о тех, кто планирует читать выкладки не с ноутбуков, а с мобильников?

На какие команды прошлых лет следует ориентироваться как на эталон, а какие команды, наоборот — вопиющий вырвиглаз и безвкусица?

URL комментария
20 страница

Треды реков и антиреков дизайна: 1, 2, 3

@темы: Визуал, Советы, Верстка и оформление

Комментарии
31.01.2014 в 11:25

вредина с 1152x864, а ты не пробовал изменить разрешение своего монитора?
У меня экран 21, но на нем по жизни стоит не дефолтное разрешение, а 1024, потому что все остальное для меня мелко.
31.01.2014 в 11:30

а ты не пробовал изменить разрешение своего монитора?
У меня это - оптимальное. Если поднять - мелко будет. А если уменьшить - отображение визиток станет еще хуже. Да и крупновато.

вредина с 1152x864
31.01.2014 в 11:30

Ох, вредина, сочувствую! Наш верстальщик уходит в замуж в закат и текстовую верстать мне по фаблончику(( Мой Самый Большой Монитор на 17 дюймов. :facepalm: Куда эта верстка уползет и где ее ловить - ХЕЗ, а полкоманды сидит с планшетиков. Дайте мне чудика с 27-ю, на опыты :smirk:
31.01.2014 в 11:34

выползло в сторону. Значит ли это, что инсайд плохо отображается на моем мониторе, и я тут с горизИ на маленьком окошке все выползло в сторону. Значит ли это, что инсайд плохо отображается на моем мониторе, и я тут с горизонтальным скроллингом мучаюсь?
Горизонтальный скроллинг на дайрях в обычных браузерах вылезает при ширине окна браузера меньше 1024 пикселей. Вне зависимости от наполнения тела поста.
изображение

Мне говорят: нееееет, достаточно помотать браузер за уголок, и проблема решена. Я показываю две картинки с уменьшенным окном браузера, в которых две визитки одинаково лезут за край. При этом в развернутом браузере одна из них отображается на ура, вторая продолжает выползать.
Анон, ну хватит тупить, а? Надо проверить вёрстку при разной ширине окна браузера. При маленькой (1024 и меньше), при широкой (1920 и больше), при средней. Если всегда отображается хорошо, то всё хорошо.
31.01.2014 в 11:36

анону/анонам со ссылками - большое спасибо.
пожалуйста *один из анонов*
31.01.2014 в 11:39

Дайте мне чудика с 27-ю, на опыты :smirk:
Не знаю как анон, но я точно могу одного такого выдать. Если надо - в умыл)))
31.01.2014 в 11:41

минимальная ширина wrapper 980 и она вшита в настройки по умолчанию. И сколько не вопи, всегда она такой будет на бесплатных дизах с менюшкой сбоку.
31.01.2014 в 11:43

Аноны, при вёрстке вам нужно ориентироваться не на дюймы, а на пиксели. Если у вас есть мониторчик/таблеточка хоть10 дюймов, но с разрешением FullHD - этого будет, в принципе, достаточно ))
31.01.2014 в 11:46

У меня это - оптимальное. Если поднять - мелко будет. А если уменьшить - отображение визиток станет еще хуже. Да и крупновато.
Да я не к тому, чтобы навсегда, а чтобы временно посмотреть, как отображается визитка на мониторах с другим расширением.
31.01.2014 в 12:02

Аноны, при вёрстке вам нужно ориентироваться не на дюймы, а на пиксели. Если у вас есть мониторчик/таблеточка хоть10 дюймов, но с разрешением FullHD - этого будет, в принципе, достаточно ))
Анон с 17-ю нифига не понял и вообще не так давно научился отличать правую кнопку мыши от левой. Но при попытке задать разрешение 1920на1200 получил черный экран с подписью "вне диапазона" и больше не экспериментирует!)))))))

WTF Inside, модер, ты котик! Если до завтра не найду, я еще вернусь :kiss:
31.01.2014 в 12:09

аноны, покажите визитки, где НИЧЕГО НИ У КОГО не уезжает в верстке (контент не в счет, интересуют сами блоки)
31.01.2014 в 12:14

Но при попытке задать разрешение 1920на1200 получил черный экран с подписью "вне диапазона" и больше не экспериментирует!)))))))
Анончик, значит, твой маленький монитор такое разрешение не поддерживает. Но в современном мире разрешение монитора (которое в пикселях) очень опосредованно зависит от его физических размеров (это дюймы). Есть телефоны с экранами, которые выдают FullHD (1920×1080) . А у меня дома, например, стоит старенький лсд-телевизор, который при своих 32 дюймах поддерживает только 720p (1280×720).
Так вот, при вёрстке ориентируйтесь на пиксели, а не на дюймы.
31.01.2014 в 12:15

А я на случай "Вне диапазона" выучила последовательность нажатий клавиш, которая выбирает в контекстном меню экрана нужный пункт настроек и устанавливает разрешение на минимальное :lol: Теперь никакие мониторы мне не страшны
31.01.2014 в 12:21

Но в современном мире разрешение монитора (которое в пикселях) очень опосредованно зависит от его физических размеров (это дюймы).
подтверждаю, те же 27 дюймов могут быть 1920х1080, а могут и 2560х1440/1600. Размазывать 1080 по 27 дюймам при работе в 50 см от монитора это кошмар и ужас, но и 1440 поддержать не всякая техника может.
31.01.2014 в 12:24

модер, ты котик!
Я не модер, но спасибо :-D
31.01.2014 в 12:26

аноны, покажите визитки, где НИЧЕГО НИ У КОГО не уезжает в верстке (контент не в счет, интересуют сами блоки)
Эм, анон, а в чем проблема? Возьми любую с резиновой версткой.
31.01.2014 в 12:34

Эм, анон, а в чем проблема? Возьми любую с резиновой версткой.
в резинке можно тоже задать минимальную ширину, которая будет уезжать за пределы в космос. мне нужны эталончики - препарировать и учиться)
31.01.2014 в 12:39

в резинке можно тоже задать минимальную ширину, которая будет уезжать за пределы в космос. мне нужны эталончики - препарировать и учиться)
Эм, ну вообще можно не задавать минимум. Мы так делали. Это очень плохо?)
31.01.2014 в 12:42

тоже не задавали минимум, всё нормально тянется. Но на препарацию добровольно отдавать свои блоки отказываюсь. Лучше уж мне не знать, что у меня сперли код, а разодрали его на куски
31.01.2014 в 12:51

Лучше уж мне не знать, что у меня сперли код, а разодрали его на куски
анон, я сделал свою вполне вменяемую резинку, так что это просто предложение обмена опытом :-D к тому же что при желании помешает мне спереть код любой визитки? просто пересматривать все лениво, а тут могут подсказать добрые аноны

Эм, ну вообще можно не задавать минимум. Мы так делали. Это очень плохо?)
если все работает, анон, то это прекрасно!)
31.01.2014 в 12:57

Вы только учтите еще, что никакой резиной не победишь встроенные элементы типа видео, флеша и музыки на простоплеере. Они имеют фиксированную ширину и меньше этой ширины резина все равно не ужмется.
31.01.2014 в 12:58

если все работает, анон, то это прекрасно!)
Ну вроде никто не жаловался. И с планшета проверяли, и с телефона, и с широкоформата, вроде бы все ок. А ты чего-то зародил в моей душе сомнение! :duma:
31.01.2014 в 12:58

А, да, еще имнимум автоматом определяется шириной встроенных в верстку картинок и минимальной шириной блоков бесплатного аккаунта.
31.01.2014 в 13:01

Пробежалась по нескольким визиткам, по которым ссылки были под рукой:

Читатели - ушла за край
Цвета - совсем немножко выползла
Лень - уместилась
Дедлайн - уместилась... упс, нет, вылезла
Милитари - еще как вылезла!
Майор Гром - уместилась
АнК - уместилась
Мизерабли - умес... Упс, сувенирчиками порвали ленту
31.01.2014 в 13:05

Милитари - еще как вылезла!
Нифига не вылезла.
31.01.2014 в 13:12

У меня уходит за край процентов так на 40.
31.01.2014 в 13:14

Милитари - еще как вылезла!
Нифига не вылезла.

Вылезла-вылезла.
У них ширина фиксированная — 700 пикселей, чо ты мне рассказываешь?

Вот у нас, каюсь, тоже фиксированная ширина визитки. Но нам это нужно было, потому что дохера элементов выравнивалось относительно друг друга. Зато все комментаторы думают, что у нас флэш, а там чисто дайриковскими методами сделано. На остальные выкладки, естественно, только резиновая вёрстка.
31.01.2014 в 13:16

Зато все комментаторы думают, что у нас флэш. а вы кто?
31.01.2014 в 13:17

Вылезла-вылезла.
Ну, ок, анон, ты конечно лучше меня видишь, что отображается у меня на мониторе. =/
31.01.2014 в 13:19

а вы кто?
Нискажу.

Ну, ок, анон, ты конечно лучше меня видишь, что отображается у меня на мониторе. =/
Анон. Ты такой анон. :-D