https://pereverstal.by/tags/menyu/ E2 (v3254; Aegea) 94 https://pereverstal.by/all/stranicy-v-menyu-nado-numerovat/ https://pereverstal.by/all/stranicy-v-menyu-nado-numerovat/ <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/menu.jpg" width="1488" height="1052" alt="" /> </div> <p>Страницы меню в ресторане нужно нумеровать. Польза огромная.</p> <p>Представьте ситуацию — вы сидите вдвоем, листаете меню.<br /> Вы такой: «О, у них тут шашлык есть».<br /> Ваш собеседник спрашивает: «Круто, на какой странице?»</p> <p>И что вы блядь ответите? На такой? С фоткой шашлыка? А как он ее найдет?</p> <p>То-то же.</p> Sat, 29 Jun 2019 11:18:32 +0300 57 https://pereverstal.by/all/menyu-2/ https://pereverstal.by/all/menyu-2/ <p>Всем привет! Недавно, роясь в гугле, я набрел на вот такой кусок говна разворот меню:</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/80386_800.jpg" width="800" height="563" alt="" /> </div> <p>Ну что сказать. Помимо ненужных линеечек и примитивных вензелечков, в макете<br /> допущена одна из самых распространенных ошибок верстки, связанная с теорией<br /> близости <a href="https://www.artlebedev.ru/kovodstvo/sections/136/.">https://www.artlebedev.ru/kovodstvo/sections/136/.</a></p> <p>Объясню очень коротко — расстояние от блока «Закуски» до фотографии, его<br /> иллюстрирующей, равно расстоянию до фотографии, относящейся к блоку<br /> «Салаты». Из-за этого читателю нужно время, чтобы самостоятельно понять<br /> какая фотография к какому блоку относится. Тоже самое можно сказать<br /> и про остальные супы и пиццы.</p> <p>Сегодня у меня ленивое воскресенье, поэтому я не парился по поводу набора текста,<br /> поиска хороших фоток и раздумий над оформлением макета, а просто в фотошоп<br /> сделал несколько эскизных вариантов того, можно правильно заверстать этот разворот.</p> <p>Как вы уже поняли главная задача — это визуально обозначить какая фотография<br /> какому текстовому блоку принадлежит.</p> <p>Сделать это можно, например вот так (предварительно удалив полоски и вензелечки):</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/83406_800.jpg" width="800" height="563" alt="" /> </div> <p>Теперь уж точно не ошибешься и не назовешь пиццу пастой.</p> <p>Вот еще вариант:</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/82573_800.jpg" width="800" height="563" alt="" /> </div> <p>Фотки можно сделать по-больше:</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/82696_800.jpg" width="800" height="563" alt="" /> </div> <p>Еще боольшее!</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/82156_800.jpg" width="800" height="563" alt="" /> </div> <p>Ну вот совсем другое дело.</p> Sat, 24 Nov 2018 18:10:53 +0300