Советы Руста Кулматова

Руст, в логотипе используется шрифт PT Sans, в вёрстке тоже. Но логотип в вёрстке отличается от логотипа в макете. Как быть?

Руст, а чем плох br?

У меня есть форма, находящаяся где-то на странице и плавающая кнопка. При клике на кнопку нужно плавно прокрутить страницу к форме. Как это лучше всего сделать?

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

Руст, можно ли сделать такую кнопку без фоновой картинки? Продолжение

Руст, можно ли сделать такую кнопку без фоновой картинки?

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

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

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

Руст, как вы проверяете соответствие вёрстки макету? Какие инструменты используете?

Руст, важный вопрос: EM или REM? :-)

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

При разборе работ студентов вы указали, что заголовок на этой картинке можно сверстать текстом. Как?

Добрый день!

Можно ли достичь эффекта переливания без встраивания этого видео на сайт?

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

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

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

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

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

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

Как быть?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<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>

Василий!

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

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

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

Василий!

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

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

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

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

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

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

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

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

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

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

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

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

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

Руст!

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

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

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

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

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

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

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

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

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