Тред 1 (этот),
Тред 2 (следующий),
Тред 3 РанееПишет
Гость:
20.09.2013 в 18:49
Для неофитов вёрстки и дизайна
Что в вёрстке должно быть обязательно и чего не должно быть никогда? С чего начать и от чего бежать сломя голову? Как кэпу жить без верстальщика?
Не дадим вытечь читательским глазам!
URL комментарияПишет
Гость:
11.01.2014 в 15:29
Хочу оформления тред.
Что нравится, что нет, от чего начинается неконтролируемый оргазм, а от чего немедленно вытекают глаза?
URL комментарияПишет
Гость:
22.02.2014 в 22:04
Желаю лучей говна тем командам, которые делают фон выкладки белым, а вот шрифт оставляют по умолчанию. Достало нажимать на заглушку и видеть светло-салатовые буквы от моего, темного дизайна, на белом фоне. Блин, ну пропишите эту одну строчку в коде!
URL комментария9 страницаПишет
Гость:
14.10.2015 в 03:56
А вообще, давайте обсудим дизайн вёрстки, чтобы те, кто будет этой зимой верстать и придумывать дизайн, не повторяли ошибок. Что недопустимо в вёрстке, что, наоборот, должно быть?
Думают ли те, кто будет верстать, о тех, кто планирует читать выкладки не с ноутбуков, а с мобильников?
На какие команды прошлых лет следует ориентироваться как на эталон, а какие команды, наоборот — вопиющий вырвиглаз и безвкусица?
URL комментария20 страницаТреды реков и антиреков дизайна:
1,
2,
3
-
-
23.11.2014 в 22:56ещё лично мне запомнился деанон Дигры — они, кажется, единственные отказались от построчного представления «один под другим» на той ФБ
и абсолютно богичны верстальщики Пухов (ФБ–2012) и Star Wars на ЗФБ–20114
-
-
23.11.2014 в 23:03(жаль, что фишку с подписями под аватарками у Мрвл нигде не запечатлели, она отдельно доставляла)
и ещё мне очень понравился деанон у СЭ
-
-
23.11.2014 в 23:09Деанон богичен
-
-
23.11.2014 в 23:30Деанон богичен
Ага, особенно на небольшом экране, где все картинки уходят под полосы прокрутки.
читать дальше
Эта "богичность" как раз пример верстки, за которую надо отрывать руки.
-
-
23.11.2014 в 23:32читать дальше
-
-
23.11.2014 в 23:33у СЭ всё под минимальную ширину 750 пикселей, а дайри расползается с 550, afair
-
-
23.11.2014 в 23:38анон в 23:09
-
-
23.11.2014 в 23:40Дайря расползаются с 600, на 600 даже на нетбуке влезает аккуратно.
Анон с примерами, а тебе чего именно надо? Офигенного дизайна или дизайна класса "простенько, но со вкусом"?
По второму типу могу показать, например, вот, он несложный, но красивый, или очень похожий летний вот - он еще проще по структуре, но, опять же, очень симпатичный.
-
-
24.11.2014 в 01:11А что тебя тут ужасает? По-моему, нормально все читается, разве что у Марвела полей практически нет.
ещё лично мне запомнился деанон Дигры
На широком экране хорош, на узком некрасиво вылезает вбок.
и абсолютно богичны верстальщики Пухов (ФБ–2012)
Я несколько минут тыкался по ссылкам и искал собственно деанон, меня все время выкидывало на посты с выкладками, заебался изрядно. И при моих настройках монитора очень неконтрастное оформление, бледно-блеклое.
и Star Wars на ЗФБ–20114
Этих помню. Верстальщик мастер, но каждая выкладка - квест "найди, куда надо ткнуть". Одна из выкладок была так похожа на левый сайт, что я несколько раз переходил по ссылке на нее, каждый раз психовал, что опять меня выбросило куда-то не туда, и закрывал вкладку, пока понял, в чем дело.
-
-
24.11.2014 в 01:22делаем выводы: лучшее - враг хорошего, и предпочтительно слишком не мудрить.
-
-
24.11.2014 в 04:12-
-
24.11.2014 в 08:37-
-
25.11.2014 в 12:43-
-
25.11.2014 в 12:53Можно, через usemap и жопу, потому что не все атрибуты поддерживаются, все надо методом тыка.
-
-
25.11.2014 в 12:56Спасибо, анон. Значит, будем тыкать жопу.
Когда уже дайри пофиксят этот баг с картинками, через раз самопроизвольно переносящимися на другую строку?
-
-
25.11.2014 в 20:39Имхо, анон, лучше юзать таблицу: в шопе ее и порезать легко можно, он тебе и код сам напишет, останется только ссылки вставить
-
-
25.11.2014 в 20:43Так-так, а поподробнее?
-
-
25.11.2014 в 20:46htmlbook.ru/content/razrezanie-i-skleyka-izobra...
Я могу дать пример из своей днявочки, но так как там мне было влом ковырять код, а его объем некритичен, полно мусора
-
-
25.11.2014 в 20:47А чем лучше? Ну, кроме того, что в таблице можно альтернативный текст к каждому куску написать, а для карты нельзя.
-
-
25.11.2014 в 20:48Тоже хочу подробностей.*____*
-
-
25.11.2014 в 20:52-
-
25.11.2014 в 20:53Тащи пример, на примере всегда лучше изучать.
-
-
25.11.2014 в 20:58Если подряд разместить, дайри периодически будет их самопроизвольно выстраивать в столбик, а не в рядок. Ибо баг.
Анон в 20:46, спасибо за ссылку.
-
-
25.11.2014 в 21:03Что-то там на шесть ссылок километр кода и дофига мороки...
-
-
25.11.2014 в 21:05Посмотрел на собственный код
@
Не понял нихуя
В общем, это очень криво порезанный вариант - чтобы посмотреть сколько там картинок, можно выделять медленно. И да, когда будешь смотреть, отожми br, а то ее распидорасит. Вообще - это скорее пример того, как делать не надо, но я ковырял года полтора назад, и тогда вообще хуже разбирался во всем этом. Но принцип такой - картинка вонзается в таблицу и на нее вышается ссыль.
Этот вариант не динамический, и я, честно говоря, не помню: в ячейках таблицы, если она меньше картинки, пикча уменьшается или обрезается? Если обрезается - то для каждой картинки, и для самой таблицы нужно будет проставлять процентное значение, чтобы она была резиновой ._.
Но вот такая вот фигня болтается у меня в эпиграфе.
А не проще изображение порезать на несколько кусочков и эти кусочки подряд разместить? И к кускам цеплять ссыли?
Ну, в принципе об этом и речь, только в таблице, а не подряд. А картинки подряд могут распасться.
-
-
25.11.2014 в 21:07ЕМНИП, ячейка растягивается под размер содержимого.
-
-
25.11.2014 в 21:08Дык, в карте изображения примерно столько же *развел руками* + еботня с позиционированием. И если картинка отвалится, будет не очень
-
-
25.11.2014 в 21:11-
-
25.11.2014 в 21:12Не-а, там очень короткий код. Плюс не надо никак прописывать те места на картинке, где нет ссылок (а в таблице надо заполнять все-все).
+ еботня с позиционированием
Мне кажется, это быстрее, чем разрезание картинки на куски и выстраивание таблицы.
И если картинка отвалится, будет не очень
Да и в таблице будет не очень, если картинки отвалятся. Хотя, конечно, в таблице останется альтернативный текст, это плюс.
-
-
25.11.2014 в 21:22Мне кажется, это быстрее, чем разрезание картинки на куски и выстраивание таблицы.
Я тут недавно ковырялся, чтобы превью к картинкам давать кодом, а не делать отдельные превьюшки (типа рамочку, фрму задать, все дела). Потрахлся с позиционированием и передумал XD