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

Ранее

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


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

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

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

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

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

Комментарии
30.01.2016 в 19:05

Повторю вопрос ещё раз..
Правим диз. У нас градиент. С компов и ноутов переход нормальный, плавный между шапкой и фоном, а с планшетов резкий скачок. Что делать?
30.01.2016 в 19:08

Что делать?
послать фпесду градиент. Анон, вот что нам ответить тебе без примера и кода перед глазами? Показывай где оно такое красивое
30.01.2016 в 19:34

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

послать фпесду мобилки. Думаю, они уже привыкли, что у них вечно что-то едет (ну согласитесь, аноны с мобилок, привыкли), так что если всё читаемо и смотрибельно, хер с ним, оставляйте как есть.
30.01.2016 в 19:43

послать фпесду мобилки. Думаю, они уже привыкли, что у них вечно что-то едет (ну согласитесь, аноны с мобилок, привыкли), так что если всё читаемо и смотрибельно, хер с ним, оставляйте как есть.

Я плюсану этому анону. Невозможно сделать, чтобы на всех устройствах было 100% красиво. Поэтому планшетом можно пренебречь.
30.01.2016 в 19:46

в любом случае, я позвала сюда верстальщика. если придёт, с ним будет лучше обсуждать.
в прошлые разы код не требовался, вот я и приходила сама
спасибо, аноны.
30.01.2016 в 20:01

пометку просто сделайте, что на мобильных устройствах возможны проблемы. или для них ссылку с вариантом без красивостей
30.01.2016 в 20:04

да оно там почти и незаметно. но неприятно.
про пометку спасибо.
а как её лучше сделать?
30.01.2016 в 20:08

Да напишите типа: если у вас возникли проблемы с отобюражением дизайна перейдите на мобильную версию m.diary.ru/~gfvgfvgfvv/p11111.htm (адрес поста).
30.01.2016 в 20:10

спасибо, анончик.
30.01.2016 в 20:10

отобюражением
иногда опечатки так верно отображают происходящее :gigi:
30.01.2016 в 20:15

иногда опечатки так верно отображают происходящее :gigi:

Ой)) Случайно))
31.01.2016 в 16:38

Аноны, помогите, не верстал уже годик, а динамическую последний раз делал (в своей команде) с еще одним человеком, и теперь туплю.

1. Можно ли края (рамку? border, в смысле) сделать прозрачным и положить на фон, который я прописываю цветом?
2. Можно рамку сделать так, чтоб она начиналась пониже?
3. Сейчас у меня у рамки есть фон (не знаю, насколько это важно). Это картинка, высота 141, ширина 40. И она урезается сейчас по совершенно неясной мне причине. или картинки наезжают друг на друга? я просто не могу понять, видимо, где прописывается высота/ширина/еще какие-то ограничения? в htmlbook'е не могу найти, наверняка это что-то простое, но я не понимаю :facepalm: пытался взять код из прошлой команды, но у нас там был просто градиент, с другими совершенно размерами.

вот код тип.


31.01.2016 в 21:20

Аноны, подскажите.
как файл из ворда конвертировать в фб2, чтобы он читался нормально с планшетов и телефонов, чтобы делился текст на страницы и открывался сразу?
может, какую прогу хорошую посоветуете?
01.02.2016 в 01:30

Аноны, подскажите. как файл из ворда конвертировать в фб2, чтобы он читался нормально с планшетов и телефонов, чтобы делился текст на страницы и открывался сразу? может, какую прогу хорошую посоветуете?
Плюсую к вопросу. Мы нашли приличный с виду конвертер, а он, гад, все русские кавычки перевел в """
01.02.2016 в 01:31

перевел в & quot;
*быстрофикс
01.02.2016 в 08:05

Гость, можете попробовать FBEditor - хотя там файлы не конвертируются, а создаются вручную, шуток с форматированием не будет точно.
01.02.2016 в 21:35

Не знаю, актуально ли еще, но.

1. Можно ли края (рамку? border, в смысле) сделать прозрачным и положить на фон, который я прописываю цветом?
Можно сделать полупрозрачной через rgba, если я правильно тебя понимаю.





2. Можно рамку сделать так, чтоб она начиналась пониже?
В смысле пониже?

Вопрос 3 - толком еще не смотрела, но смущает вот этот кусок: border-width:40px; 141px 0px;
Ты задаешь ширину 40px, 141px 0px; у тебя просто кусок кода, болтающийся посреди нигде и ни к чему не относящийся. Попробуй сделать код через генератор border-image.com
06.02.2016 в 16:02

Анончики, дорогие, подскажите, как вы делаете, чтобы видео с Vimeo при уменьшении экрана (напр., с мобильного) уменьшалось вместе с остальным содержимым поста, у которого стоят проценты и минимальный/максимальный размер?
06.02.2016 в 16:21

Анончики, дорогие, подскажите, как вы делаете, чтобы видео с Vimeo при уменьшении экрана (напр., с мобильного) уменьшалось вместе с остальным содержимым поста, у которого стоят проценты и минимальный/максимальный размер?
а ты много у кого такое видел?
06.02.2016 в 16:23

чтобы видео с Vimeo при уменьшении экрана (напр., с мобильного) уменьшалось вместе с остальным содержимым поста,
Хм, а такое было у кого-то? Сам пытался прописать ширину в процентах, но дайри не воспринимали код, в итоге забил.
06.02.2016 в 16:26

а ты много у кого такое видел?
проверил у некоторых в выкладке, у кого есть верстка с учетом мобильных - у Жуль Вернов, у кого-то из аниме, и вроде у самого видео стоят стандартные размеры и код вставки с вимео, но за границы поста не выходит. Может, конечно, я криволапо где-то кавычки/скобки пропустил в основной верстке(
06.02.2016 в 16:31

Я пользую такую штуку, работает с ютубом и вимео, но не факт что везде пашет. И появляются черные рамки.
07.02.2016 в 23:20

Эта фигня работает, но только для андроидов версии выше 5.0
Больше альтернативы пока что нет.
18.02.2016 в 14:19

Принесла абзацы и красную строку:

читать дальше
18.02.2016 в 14:24

Принесла абзацы и красную строку
Все то же можно короче и через text-indent

Текст абзаца

Текст абзаца

Текст абзаца




18.02.2016 в 14:31

И еще короче, если поместить абзацы в див и задать text-indent только ему.

Первая строка
Вторая строка

Первая строка
Вторая строка

Первая строка
Вторая строка




18.02.2016 в 14:31

Все то же можно короче и через text-indent
Точно же :facepalm2:
Спасибо! :white:
18.02.2016 в 14:51

спасибо, анончики))
18.02.2016 в 15:18

И так можно.

Какой-то там текст.

Lorem ipsum dolor sit amet. Incidunt, ut perspiciatis, unde omnis iste natus error sit voluptatem. Eveniet, ut enim ad minima veniam quis. Dolores et dolorum fuga iusto odio dignissimos ducimus, qui dolorem ipsum quia. Dolor repellendus itaque earum rerum facilis est eligendi optio cumque.



Код