Не дадим вытечь читательским глазам! — @дневники: асоциальная сеть

среда, 14 октября 2015

23:25

Не дадим вытечь читательским глазам!

все записи пользователя в сообществе WTF Inside

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

Ранее

Пишет Гость:

14.10.2015 в 03:56

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

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

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

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

запись создана: 20.09.2013 в 19:50

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

URL

Поделиться

Почему мы не можем найти покоя в ложной божественности др... Неплохой баннерок для рекламы мироздания в целом. Въезжаю в Maya. Трудно. Current music: Георгий Свири...

В моей любви виновен алкоголь... (с) ДРЫНК А я и не знал... Оказывается есть люди, которых в жизн... Приехал.

Комментарии

31.10.2013 в 14:41

Анон с простынкой, нубло-верстальщик хочет от тебя детей

URL

31.10.2013 в 14:49

Спасибо тебе, анон с советами!

URL

31.10.2013 в 15:01

А у них, кстати, верстал прогер, что печально. Не думает никто о людях с медленным европейским инетом.

Неа, разрабатывал всё человек с хорошим инетом, и только. И не озабоченный знаниями "юзабилити".
Кстати, "программеры" не верстают. Если человек копается в HTML-коде, он "верстальщик". Это чтобы не путать термины.

Анон с простынкой, нубло-верстальщик хочет от тебя детей
ты пиши сюда вопросы, я отвечу) На запись подписана.

Спасибо тебе, анон с советами!
Пожалуйста. Успехов тебе)

анон с простынкой

URL

31.10.2013 в 15:44

Схемы подбора цветов. Обратите внимание, здесь есть варианты для 4-хцветов.

URL

31.10.2013 в 16:11

Неа, разрабатывал всё человек с хорошим инетом, и только. И не озабоченный знаниями "юзабилити".
Да, инет там хороший)

Кстати, "программеры" не верстают. Если человек копается в HTML-коде, он "верстальщик". Это чтобы не путать термины.
Я в курсе

Но верстал действительно программист по диплому, я об этом)

URL

31.10.2013 в 16:27

У меня тоже хороший. И чтобы окунуться в реальность, приходится подключаться к соседскому вайфаю, он еле ловится. И вот там вылезает вся "красота")))

URL

31.10.2013 в 17:17

Схемы подбора цветов. Обратите внимание, здесь есть варианты для 4-хцветов

colorschemedesigner.com/

URL

31.10.2013 в 17:24

Можно ещё ссылки на готовые цветовые схемы.

URL

31.10.2013 в 17:30

Анон с советами, спасибо! Ты дал много хороших советов, которые всем пригодятся, но вот у меня появилось несколько вопросов:

Случись что с сервером, на котором лежат картинки или пользователю надо отключить в браузере показ графики, и всё, нету вашей выкладки, её не видно, в ней нельзя никуда зайти. для этого делается кнопка "открыть все теги море" внизу поста.
а все картинки навигации должны загружаться в БИ, так что слететь они могут только вместе с дайри.

Почитайте мануалы и научитесь работать с цветом фона через HTML и CSS я почитал. упс, полупрозрачность, например, в дайри не делается. во всяком случае, на моем браузере не видно.
ты, анон, с одной стороны советуешь "новичкам не закапываться в кодах", а с другой - максимум писать кодами. определись уж))

Максимальная ширина блока с текстом лучше 800 px, если больше, то учитываете, что растаращенный по длинным строкам текст читается очень плохо. поэтому я, например, на большом мониторе всегда уменьшаю размер окна браузера. а что, кто-то смотрит в полном?
и терпеть не могу узкие колонки. надо - сам сдвину до комфортной ширины.

URL

31.10.2013 в 18:36

этого делается кнопка "открыть все теги море" внизу поста.

Кто-то делает, кто-то нет. В любом случае, для навигации текст надёжнее картинки. Я это не с потолка взяла.

а все картинки навигации должны загружаться в БИ, так что слететь они могут только вместе с дайри.

Не обязательно. На этой ФБ было несколько периодов, когда баннеры моей команды показывались частично: часть есть, часть нет. Все они в БИ комсоо, но часть видна, часть нет. Случалось это не в день выкладки, а гораздо позже. Потом всё восстанавливалось. Дайри.ру сложная система, здесь уже всяое бывает. Я теперь самые важные части дизайна делегирую стабильному хостингу.
Кроме графического фона - фон обязательно в БИ. Иначе он не вставится.

ты, анон, с одной стороны советуешь "новичкам не закапываться в кодах", а с другой - максимум писать кодами. определись уж))

Я советую новичкам определиться, чего они хотят и могут себе позволить. Если хотят процесс полегче, то это вёрстка попроще. Если хотят всех красот CSS3, то с кодом придётся повозиться.
читать дальше

поэтому я, например, на большом мониторе всегда уменьшаю размер окна браузера. а что, кто-то смотрит в полном?

По-разному бывает. Я не закладываюсь на то, что кто-то уменьшает.

и терпеть не могу узкие колонки. надо - сам сдвину до комфортной ширины.
Узкие колонки - это сколько у вас?

анон с простынёй

URL

31.10.2013 в 19:15

Я на этой ФБ видела красивый дизайн с буквицами. Красота удивительная, но видели бы вы изнанку того кода! Каждая буквица - это отдельный span с развесистым стилем, и так в каждом абзаце. По моим прикидкам вёрстка текстов начиналась от получаса за штуку, выкладки у них тоже были немалые. Но - крастова же. а она требует жертв.

А у кого, не подскажешь?

URL

31.10.2013 в 19:42

В любом случае, для навигации текст надёжнее картинки. для навигации - да. а вот для внешнего вида... к сожалению, многие эффекты отображаются через раз на пятый.

Я теперь самые важные части дизайна делегирую стабильному хостингу. поделись адресом, м?

Каждая буквица - это отдельный span с развесистым стилем, и так в каждом абзаце буквица в каждом абзаце? и нагромождения не вышло? покажи этот чудесный код!

Я не закладываюсь на то, что кто-то уменьшает. понимаешь, уменьшить всегда можно. а вот увеличить слишком узкую колонку - анриал уже.

URL

31.10.2013 в 23:38

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

Мне независмая от внешних обстоятельств, нормально читаемая и работающая визитка или выкладка гораздо важнее их же, красивых-красивых, но зависимых и уязвимых. Необходимый минимум дизайна я им цветами фона, текста, границ обеспечу.

поделись адресом, м?

Отчего нет? nic.ru Дороговато, но за 3,5 года пользования было всего 4 падения, и те быстро устранялись. У меня к сайтам подключена Яндекс-метрика, она в таких случаях шлёт СМС-ки.
Если хочется заплатить мало и за самое необходимое (а так же можно заранее оценить примерный требуемый объём), то jino.ru
Но за стабильность не скажу, мало пользовалась

А у кого, не подскажешь?
То ли Ирландия, то ли Средние Века, то ли Инквизиция. Что-то средневековое, буквицы были в тему.

каждом абзаце? и нагромождения не вышло? покажи этот чудесный код!
да, да, как в старинных книгах. Я сильно удивилась: псевдоэлементы в дайрях не работают, а они буквицы сделали. Оказалось, всё просто. Правда, код развесист. там ещё на таблицах было, я упрлс, пока разобрала что к чему.

понимаешь, уменьшить всегда можно. а вот увеличить слишком узкую колонку - анриал уже.
Стоп, анон. Почему увеличить анриал?

URL

31.10.2013 в 23:41

Самое трудное - текст размечать в em, а не в px. Тогда он будет масштабироваться тоже, вместе со всем остальным.
Но в дайрях em не работают, кажется.

URL

01.11.2013 в 00:03

да, да, как в старинных книгах. Я сильно удивилась: псевдоэлементы в дайрях не работают, а они буквицы сделали. Оказалось, всё просто. Правда, код развесист. там ещё на таблицах было, я упрлс, пока разобрала что к чему.

Анон, ты вот это имеешь в виду?

Так длилась и так кончилась битва, и было то в год от воплощения Господня две тысячи тринадцатый.

Или вот это?

В лѣто 6600. Предивно бысть чюдо у Полотьскѣ у мечьтѣ: и в нощи бывши тутенъ, стонаше полунощи, яко человѣци рыщуть бѣси по улици.

URL

01.11.2013 в 23:14

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

URL

01.11.2013 в 23:15

засел за дивы. кто подскажет, где посмотреть подводные камни верстки для дайри?

URL

02.11.2013 в 07:32

завести отдельный днев и там тестить. не забывая оставлять там записи настаиваться несколько часов, потому что что-то дайря жрёт не сразу.

URL

02.11.2013 в 17:32

Так длилась и так кончилась битва, и было то в год от воплощения Госместнподня две тысячи тринадцатый.

Да, в том виде, что с цветной буквицей. Без ятей (еров?)

я так понимаю, что цвета для оформления лучше брать из таблицы безопасных цветов. Но в фбшных выкладках их явно больше - надо просто проверять каждый цвет во всех браузерах, не перекосило ли, или ещё какая хитрость есть?

Анон, большие площади лучше заливать "безопасными" цветами. Поверь, их хватает для большинства случаев. Мелкие детали можешь раскрашивать как угодно. "Безопасные цвета" в ФШ выбираются выставление галочки в опции "только WEB цвета" внизу палитры цветов.

где посмотреть подводные камни верстки для дайри?

Анон, мануала такого я не встречала. Но можно спросить здесь, вся красота на ФБ ведь через "местные стили", что тоже CSS, как ни крути diarycss.diary.ru/
Из личного опыта: видео, вставленное просто в комментарий (то есть в родной блок коммента, безо всякого оформления даже в пустой div) спокойно масштабируется. Оно же, будучи вставленным даже в пустой div, мастабироваться перестаёт. Если вёрстка учитывает чтение со смартфонов, то нужно выбирать ширину видео менее 500px/
Как иначе обойти, пока не знаю.

URL

02.11.2013 в 17:48

Гость, в 17.32, спасибо!!

анон-с-цветами

URL

02.11.2013 в 19:39

Пожалуйста.

анон с простынёй

URL

04.11.2013 в 00:56

Тема вынесена в эпиграф

URL

07.11.2013 в 01:34

WTF Inside, спасибо.

URL

13.11.2013 в 15:18

Первый раз сооружаю заглушку. Начитался на инсайде всякого от "нах маленькие заглушки, их растягивает на мониторах" до "нах крупные заглушки, я с телефона читаю" :nope:

:nope:

А каков оптимальный размер заглушки? Про "нах png" понял

URL

13.11.2013 в 15:49

пнг не нах, но знай в них меру. В плане веса итогового файла.
В зависимости от цвета, формы и прочего, максимумы в 300 в высоту и 400 в ширину более менее оптимально. Там уже 350х150, 300х200, 400х200 и пр. вариации.

URL

13.11.2013 в 19:26

"нах маленькие заглушки, их растягивает на мониторах" так ты не ставь ширину изображения в процентах - и не будет ничего растягивать))

URL

13.11.2013 в 19:38

е ставь ширину изображения в процентах - и не будет ничего растягивать))
это во время верстки поста на дайрях?

URL

13.11.2013 в 20:17

Братцы, а выложите простейший шаблон гибкой верстки, а? Кому не жалко? Один фиг картинки и дизайн будет отличаться, а так хоть меньше будет шлака в выкладках. Мимими?

URL

13.11.2013 в 20:35

это во время верстки поста на дайрях? ну да.

Братцы, а выложите простейший шаблон гибкой верстки, а? Кому не жалко? Один фиг картинки и дизайн будет отличаться, а так хоть меньше будет шлака в выкладках. Мимими? анон, а анон... ЧЕТЫРЕ битвы уже было. пойди найди понравившийся дизайн и посмотри его код. замени картинки - профит!

URL

14.11.2013 в 07:08

Про "нах png" понял

PNG нах не всегда. Если жизнь не жизнь без красивой тени (по краям, внизу). без градиента в прозрачность, без полупрорачности части изображения - то вам без PNG никак. Во всех остальных случаях - нах.

URL

← Предыдущая 1 2 3 4 5 6 7 ... Следующая → Последняя