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

Ранее

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


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

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

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

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

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

Комментарии
31.01.2014 в 23:36

в результате в каждый абзац ставил это:
06.02.2014 в 14:52

Аноны, а подскажите, пожалуйста, нубу от верстки, есть ли разница, заливать превью в виде уменьшенной в фотошопе картинки или в виде оригинала, но с прописанным width=150px? В смысле скорости и удобства и.т.д. Потому что мне сказали делать вторым вариантом, но я жопой чую, что это плохая идея.
06.02.2014 в 14:58

Второй вариант лучше разве что в том случае, если предполагается, что юзер полюбасу пойдет смотреть большие варианты - чтобы они были уже загружены.
Ну или если реально нет времени делать маленькие превьюшки, до конца выкладки осталось десять минут, клиент уезжает, гипс снимают.
А так по жизни это тупо, да - делать маленькие (зрительно) картинки, которые долго грузятся.
06.02.2014 в 15:28

Уменьшенные через width картинки еще и искажаются зрительно на некоторых мониторах, кажется, что тонкие линии пиксилят или становятся пунктирными. Ваша жопа права, лучше так не делать)))
06.02.2014 в 15:36

Угу, превьюшки вообще чем с большим количеством ручной настройки делаются, тем лучше (
06.02.2014 в 15:51

в виде оригинала, но с прописанным width=150px
Так верстают только мудаки, анон. Не надо так делать, пожалуйста. Люди с медленным интернетом этому будут совсем не рады.
06.02.2014 в 16:14

Спасибо огромное, аноны, буду и впредь верить своей жопе, она внезапно мудрая у меня.)
08.02.2014 в 17:40

Господа аноны! Посоветуйте хостинг, подходящий для вылупляшек, а? :beg:
08.02.2014 в 17:46

Господа аноны! Посоветуйте хостинг, подходящий для вылупляшек, а? :beg:
заведи на укозе говносайтик
и там в альбомы можно грузить и потом подменять картинки
08.02.2014 в 19:23

из этого треда, чтоб не флудить
Начинающий верстальщик с маленьким монитором и масштабируемой версткой заволновался. У них что растягивается, не арты же? Элементы оформления? А если ограничение стоит на максимальную ширину, это спасает или неудобно?
Если просто динамичная верстка, то хуй с ней, нифига арты тянуться не будут, как впрочем и всякие элементы оформления, но арты и элементы оформл. тянутся только в том случае, если ты их заставил тянуться. Поставил ширину в процентах и они тянутся. Да, на мониторах 1980 это пиздецёбанный, чесслово (нет, каких-нибудь 30% по боку, а вот 100% аааакошмар). В таком случае надо прописать макс-ширину в процентах. например арту мыс ставим в имг: ссылку на арт + стиль, где задаем макс-ширину (просто тег макс-ширина без стиля не работает) 100% (или 80, или ещё сколько тебе удобно). Тогда у тебя на маленьких мониторах пожмется, а на больших останется та ширина которая была у картинки изначально. Такой мини профит.
08.02.2014 в 19:30

где задаем макс-ширину (просто тег макс-ширина без стиля не работает) 100% (или 80, или ещё сколько тебе удобно). Тогда у тебя на маленьких мониторах пожмется, а на больших останется та ширина которая была у картинки изначально.
Эммм. Разве максимальная ширина задаётся в процентах, а не в пикселях?
08.02.2014 в 19:30

Угу, и самое печальное, когда хорошие арты отображаются в адовом качестве, на пиксель по два выходит. И ты такой смотришь и думаешь - ну неужели людям своих трудов не жалко в таком говняном качестве сохраняться, а потом доходит - бля, да это ж верстка :facepalm:

И еще клево когда командам об этом говоришь, а они через губу - а мы всей командой тестили, у нас нормально, сосите хуй. Так блин и предупреждайте, что ваша выкладка - не для высокого разрешения.
08.02.2014 в 19:34

Эммм. Разве максимальная ширина задаётся в процентах, а не в пикселях?
А она, как и минимальная, и так. и эдак задается, анон.
08.02.2014 в 19:35

Эммм. Разве максимальная ширина задаётся в процентах, а не в пикселях?
смотри анончик, у тебя два варианта, которые дадут одно и то же. скажем так, арт 800 пикс в ширину.
вариант один

вариант два

Только в первом варианте, ты должен будешь индивидуально прописывать каждую ширину, а второй сам определит нужную и просто не будет лезть куда не надо, так ещё и короче.
08.02.2014 в 19:36

А она, как и минимальная, и так. и эдак задается, анон.
Нет, проценты же не от размера арта считаются, а от размера блока. Поэтому просто ширина задаётся в процентах (чтобы арт был, например, процентов 80 от размера блока дивов), а максимальная — в пикселях, чтобы его не растягивало.
08.02.2014 в 19:37

А еще проще задать с помощью блока див минимальную и максимальную ширину картинки, и тогда точно все подстроится как надо.
08.02.2014 в 19:42

А еще проще задать с помощью блока див минимальную и максимальную ширину картинки, и тогда точно все подстроится как надо.
А вот тут подробнее, плиз. Это можно один раз в диве прописать? А как?
08.02.2014 в 19:54

надо прописать макс-ширину в процентах. например арту мыс ставим в имг: ссылку на арт + стиль, где задаем макс-ширину (просто тег макс-ширина без стиля не работает) 100% (или 80, или ещё сколько тебе удобно). Тогда у тебя на маленьких мониторах пожмется, а на больших останется та ширина которая была у картинки изначально.
Я задавал не максимальную ширину картинок, а просто относительную ширину в процентах, а максимальную ширину ограничивал у всей верстки. Но это для элементов оформления, за сжатые-растянутые арты меня же артеры убьют, им там каждый пиксель критичен.
09.02.2014 в 13:46

логичнее прописать самому первому блоку макс. В самый первый див вхерачить и ничего не будет ехать
09.02.2014 в 13:50

Так не ширина картинки задаётся, а ширина самого блока. Ну, это я в курсе, картинкам-то всё равно ширину в процентах прописывать придётся, а тем, которые меньше блока (если максимальная ширина блока, например, 700 пикселей, а картинка в ширину 650 пикселей), и максимальную.
09.02.2014 в 16:07

Ну, это я в курсе, картинкам-то всё равно ширину в процентах прописывать придётся, а тем, которые меньше блока (если максимальная ширина блока, например, 700 пикселей, а картинка в ширину 650 пикселей), и максимальную.
Я, наверное, криворукая, но я просто картинки вставляю в отдельный див с максимальной и минимальной шириной, а самим картинкам даю ширину 100%. И оно работает.
09.02.2014 в 18:58

Я, наверное, криворукая, но я просто картинки вставляю в отдельный див с максимальной и минимальной шириной, а самим картинкам даю ширину 100%. И оно работает.
Оно работает, но для каждой картинки див делать — это ж сколько лишнего кода. Особенно если этот див нужен только для того, чтобы задать картинке ширину.
11.02.2014 в 20:54

Анончики, а подскажите верстальщику поневоле - у меня в вёрстке, в шаблоне таблицы аватар, сами аватарки съезжают вправо. С чем это может быть связано?
11.02.2014 в 20:56

Анончики, а подскажите верстальщику поневоле - у меня в вёрстке, в шаблоне таблицы аватар, сами аватарки съезжают вправо. С чем это может быть связано?
код брал тот, что у оргов?
11.02.2014 в 21:01

код брал тот, что у оргов?
И тот, и сам генерил - всё одно.
11.02.2014 в 21:02

ой, и у меня, они вообще за мою вёрстку выползают, после всего встают(( задолбался уже((
11.02.2014 в 21:28

Ой, я уже понял, где тупанул.) Это анон со съезжающими аватарками. Я, оказывается, забыл убрать из вёрстки строчку для создания красной строки. :-D
11.02.2014 в 21:28

Анончики с ушедшей таблицей, центровку убрать не пробовали?
11.02.2014 в 21:40

Анончики с ушедшей таблицей, центровку убрать не пробовали?
а где именно? в самой таблице?во всем оформлении?
22.02.2014 в 22:17

Пишет Гость:
22.02.2014 в 22:04


Желаю лучей говна тем командам, которые делают фон выкладки белым, а вот шрифт оставляют по умолчанию. Достало нажимать на заглушку и видеть светло-салатовые буквы от моего, темного дизайна, на белом фоне. Блин, ну пропишите эту одну строчку в коде!

URL комментария