x
Советы Подборки

Советы Василия Половнёва и Руста Кулматова


ПН

Артём Горбунов
Дизайн продуктов и услуг


ВТ

Илья Бирман
Навигация в общественных местах


СР

Михаил Нозик
Вёрстка и типографика в вебе


ЧТ

 

Василий Половнёв и Руст Кулматов
О веб-разработке


ПТ

Илья Синельников
Переговоры и отношения с клиентом


СБ

Аня Данилова
Шрифт в дизайне


ВС

Максим Ильяхов
Текст, редактура и информационный стиль

На следующей неделе

Решение задач

На следующей неделе

Дизайн продуктов и их интерфейсов

Генерал Кеноби
28 июня 2018

Можно ли сверстать заголовок так, чтобы вместо цвета он был залит изображением?

Мы всегда стараемся ответить на ваши вопросы. Кроме нашего совета, вы получите интеллигентные отзывы посетителей нашего сайта.

Открыты 5 апреля 2007 года.

Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

В архиве

Василий
21 июня 2018

Как бороться с багами? Часть шестая: изолировать

Саша Васильева
14 июня 2018

Как сверстать прокручивающееся меню для мобильных, как у вас на новом сайте?

Василий
7 июня 2018

Как бороться с багами? Часть пятая: повторить

Дима Шишкин
31 мая 2018

Расскажите, почему вы используете jQuery для хождения по дереву и управления событиями. В чём преимущество перед «чистым» JS?

Василий
24 мая 2018

Как бороться с багами? Часть четвёртая: алгоритм

Евгений Арутюнов
17 мая 2018

Тег <img> умеет масштабировать картинки пропорционально — заданная в процентах ширина автоматически даёт соответствующую высоту. Мне именно такая резиновость как раз нужна.

Но высота блока с картинкой влияет и на высоту соседнего блока (как флекс-элементы это умеют делать), да и в самом этом блоке поверх картинки размещаются тексты, которые здесь главные, а картинка это их фон. Если картинка отвалится или окажется неправильного размера — сломаются блоки, которые по смыслу с ней вообще не особо связаны. И ещё в процессе загрузки с медленным интернетом всё будет дёргаться.

Получается, что внешняя по отношению к этой вёрстке штука слишком сильно влияет на самочувствие макета. Есть ощущение, что это неправильно.

Как быть?

Кирилл Прясин
26 апреля 2018

Василий!

Что должен уметь ведущий разработчик в бюро? Чем он отличается от фронтенд-разработчика?

Ксения
19 апреля 2018

Вопрос веб-разработчикам.

Что делать с версткой под IE? У меня уже сил нет. Даже когда каждое свойство проверяю на поддержку браузером тут http://caniuse.com/, всё равно косяки появляются. И это я проверяю на IE11, ниже лезть вообще страшно.

С отладкой в браузере вообще кошмар. В режиме «Исследовать элемент» IE зависает нещадно на любом компьютере. Ладно, продираешься через всё, исправляешь, и в итоге стили под IE со всеми хаками и обходными путями весят больше, чем стили с уточнениями для всех остальных браузеров вместе взятые. Иногда реально уже проще верстать сразу под IE и потом минимально подгонять под другие.

Борюсь с желанием ставить заглушки. Расскажите, что делаете вы, чтоб всё нормально было?

Василий
12 апреля 2018

Как бороться с багами? Часть третья: логи

Андрей Пулин
5 апреля 2018

Руст, скажите, в бюро не преступление использовать Бутстрап? А если не в прототипах, а в рабочих проектах? Если да, но с оговорками, то расскажите поподробнее.

Василий
29 марта 2018

Как бороться с багами? Часть вторая: отслеживание ошибок

Кирилл Томарев
22 марта 2018

Привет, бюро!

Как правильно сверстать такие карточки? Плитка, ховер с тенью, можно листать, двухпиксельная обводка. У знакомого верстальщика проблемы. Может, стоит вообще избегать подобного сочетания?

Василий
15 марта 2018

Как бороться с багами? Часть первая: гигиена кода

Куст
8 марта 2018

А чем ещё дизайнеру могут помочь инструменты разработчика в браузере?

Никита Семёхин
1 марта 2018

Как сайт бюро сменил домен с artgorbunov.ru на bureau.ru?

Как, в принципе, сменить домен сайта, не теряя пользовательских данных?

Фёдор
22 февраля 2018

Аня Данилова рассказывает в своих советах про вариативные шрифты. А можно ли их уже применять в вебе?

Светлана Кузьминова
8 февраля 2018

font-family: Bureauserif, Georgia, serif;

Что за font-family? Где его взять?

Олег Кузнецов
1 февраля 2018

Как сверстать такую плашку с размытием фона?

Никита Семёхин
25 января 2018

Заметил, что сайт бюро перешел на HTTPS. Расскажите, как переходили?

Фёдор Уткин
18 января 2018

Как сделана залипающая кнопка на странице книжной полки? Я понимаю, что это сделано с помощью position: sticky, но непонятно, как в конце кнопка встаёт на место.

Владимир Серёгин
4 января 2018

Руст, Василий и Илья, привет!

Расскажите о дизайне REST API.

Сергей
28 декабря 2017

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

Александр
21 декабря 2017

Василию Половнёву: как быстро и без миганий загружать веб-шрифты?

Михаил Озорнин
14 декабря 2017

Василий и Руст!

Расскажите как верстать электронные письма?

На фоне современных браузеров там прошлый век и чёрная магия: таблицы, инлайновые стили и теги font.

Какие библиотеки подойдут, с чего начать изучение, что прочитать?

Кирилл
7 декабря 2017

Как отлаживать странное? Например, стили для печати, сайт в десятом Айфоне или почтовую рассылку в Андроиде?

Павел Карасёв
30 ноября 2017

Вопрос к технологам.

Почему при оборачивании картинки появляется лишний пробел, и как вы с этим боритесь?

В приведенной картинке разметка такая:

<a href="#" style="border: solid 1px red;">
  <img src="//bureau.ru/bb/soviet/i/polovnyov.png" />
</a>
<a href="#" style="border: solid 1px red; display: inline-block;">
  <img src="//bureau.ru/bb/soviet/i/kulmatov.png" />
</a>
Андрей Ерес
16 ноября 2017

Василий!

У меня вопрос к примеру из совета о вёрстке картинок: http://bureau.ru/bb/soviet/20170831/

У абзаца и заголовка третьего уровня одинаковые font-size и line-height. Почему заголовку надо задавать дополнительный отступ, чтобы он попал в интерлиньяж?

(Продолжение)

Илья
2 ноября 2017

Привет!

Как железобетонно определить, печатный ли символ ввёл пользователь?

Андрей Ерес
26 октября 2017

Василий!

У меня вопрос к примеру из совета о вёрстке картинок: http://bureau.ru/bb/soviet/20170831/

У абзаца и заголовка третьего уровня одинаковые font-size и line-height. Почему заголовку надо задавать дополнительный отступ, чтобы он попал в интерлиньяж?

Василий
19 октября 2017

Зачем дизайнеру Бутстрап?

Василий
12 октября 2017

Что дизайнеру стоит знать об адаптивном дизайне в вёрстке?

Куст
5 октября 2017

Чем дизайнеру могут помочь инструменты разработчика в браузере?

Василий
28 сентября 2017

Как раскладывать ХТМЛ-элементы на странице? (Часть третья: флексбоксы в каталогах и выдаче)

Василий
14 сентября 2017

Как раскладывать ХТМЛ-элементы на странице? (Часть вторая: флексбоксы)

Антон Полещук
7 сентября 2017

Рустам, существует ли современный способ вывода знака рубля для всех устройств, начиная от Оперы Мини и заканчивая письмами, в разных вариантах начертания и размерах шрифта?

Василий
31 августа 2017

Как в ХТМЛ верстать картинки, списки и таблицы?

Тимур Арефьев
24 августа 2017

Очень часто у страницы есть несколько блоков, имеющих задний фон шириной в 100% и несколько блоков без заднего фона. При этом их ширина всегда ограничена и они центрируются.

Выходит, что контейнер должен иметь ширину 100% и каждый блок нужно ограничивать по ширине отдельно. Как это удобно оформлять в вёрстке?

Василий
17 августа 2017

Как раскладывать ХТМЛ-элементы на странице? (Часть первая: боксы и позиционирование)

Василий
10 августа 2017

С помощью чего собрать простой прототип на веб-технологиях?

Евгений
3 августа 2017

Привет, Руст!

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

(Продолжение)

Василий
27 июля 2017

Зачем дизайнеру прототипирование при помощи веб-технологий? С чего начать?

Александр Терехов
20 июля 2017

Планируете ли выложить Педанта в открытый доступ?

Александр
13 июля 2017

Что писать в комментарии к коммиту?

Евгений
6 июля 2017

Привет, Руст!

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

Иван Самодян
29 июня 2017

Василий и Руст! В одном из советов вы говорили, что картинки в книге выгружаются из памяти, чтобы повысить производительность. Как это устроено? Как выгружаете?

Алексей Пересмехин
22 июня 2017

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

Александр Сушко
15 июня 2017

Вопрос Василию Половнёву.

Здравствуйте. В одном из советов про редизайн Михаил вскользь упомянул, что раскладка работает без админки. А на чём всё держится? Как устроен сайт бюро изнутри, расскажите, пожалуйста.

(Вторая часть)

Василий Половнёв
8 июня 2017

Руст!

Что думаешь про точки с запятой в Яваскрипте? Зачем их ставить?

Александр Сушко
1 июня 2017

Вопрос Василию Половнёву.

Здравствуйте. В одном из советов про редизайн Михаил вскользь упомянул, что раскладка работает без админки. А на чём всё держится? Как устроен сайт бюро изнутри, расскажите, пожалуйста.

Евгений Арутюнов
25 мая 2017

Пропустите, пожалуйста, без очереди — мне только спросить!

Руст, как элегантно вставить любое ХТМЛ-содержимое в треугольный контейнер?

(Продолжение)

Денис Ермаков
11 мая 2017

Вопрос Василию Половнёву: как начать писать тесты в «махровом легаси»?

Евгений Арутюнов
4 мая 2017

Пропустите, пожалуйста, без очереди — мне только спросить!

Руст, как элегантно вставить любое ХТМЛ-содержимое в треугольный контейнер?

Антон Лях
27 апреля 2017

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

Ксения
20 апреля 2017

Руст, какую систему именования выбрать для небольшого проекта — БЭМ, SMACSS или что-то другое?

(Продолжение)

Арсений Максимов
13 апреля 2017

Василий, привет!

Расскажи про устройство поиска в ваших книгах? В чём и как храните данные? Как показываете превьюшки текста в поиске? Что почитать на эту тему? Как дела?

(Вторая часть)

Ксения
6 апреля 2017

Руст, какую систему именования выбрать для небольшого проекта — БЭМ, SMACSS или что-то другое?

Арсений Максимов
30 марта 2017

Василий, привет!

Расскажи про устройство поиска в ваших книгах? В чём и как храните данные? Как показываете превьюшки текста в поиске? Что почитать на эту тему? Как дела?

Вася и Руст
23 марта 2017

Вы кто такие?