Советы Василия Половнёв, Юрия Мазурского и Фёдора Борщёва

Вопрос для Василия и Игоря.

Расскажите, пожалуйста, как работает обратный отсчёт в письме «Последний день, чтобы подписаться на лекции бюро со скидкой 30%»?

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

Как это работает? Подключение внешней картинки с отсчётом с выключенным кешированием? Есть ли какие-то сложности, которые не видны с первого взгляда?

Расскажите, пожалуйста, как технически устроены тесты в Школе бюро «под капотом». Какой интерфейс у добавления тестов для авторов? Как отмечаете правильные ответы? Как собирается страница с тестом и в каком виде видны результаты?

Недавно студенты в Школе редакторов сделали сервис «Буст» (boost-exam.ru). И я заметил, что там тесты работают очень похожим образом на то, как это выглядит в ваших тестах. Это натолкнуло меня ещё на несколько вопросов: используете ли какие-то готовые решения, сервисы, скрипты?

В общем, интересно всё про тесты, очень любопытно :-)

Как быстро и без миганий загружать веб-шрифты?

Расскажите о каскаде в CSS.

Привет!

Подскажите, пожалуйста, как правильно называть цвета в дизайн-системе (app и web), чтобы было современно, гибко, удобно и дальше масштабировать?

Здравствуйте!

Наконец-то решился задать вопрос, который мучает меня нескольно месяцев. Следуя правилу 20/80 можно предположить, что дизайнер изучает те 80% знаний, которые ведут только к 20% результата. Я же хочу научиться тем 20% знаний дизайна, которые улучшат мою работу как веб-разработчика.

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

Расскажите, пожалуйста, что думаете, о горячих клавишах на сайтах.

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

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

Зачем нужна трёхслойная архитектура? Для каких продуктов какие языки программирования, фронтовые фреймворки подходят лучше? Какие бывают и где применяются разные базы данных? Как устроены мобильные приложения? Когда лучше нативная разработка, когда кроссплатформенная? Какие технологии используют мобильные приложения? Какие вспомогательные технологии используются в разработке: контейнирование, CI, а главное что есть ещё?

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

В нашей команде не получается разбивать большие эпики или стори на более мелкие таски.

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

Типовые решения в вёрстке. Как сверстать плашку с текстом и фоном

Сколько времени тратите на планирование реализации «фичи» и сколько времени на написание самого кода?

Пользуетесь ли принципом 80/20? То есть 80 процентов времени уходит на планирование, а остальное — на кодирование.

Как сбросить дефолтные стили браузера

Пытаюсь разобраться с сайтостроением. Читала статью у вас на сайте про колонки.

Но не увидела, как сделать вынос ссылок в отдельную колонку? Напишите, пожалуйста.

Сейчас таких сайтов не много, но, по-моему, это ОЧЕНЬ хорошее оформление :-)

Почему не стоит использовать атрибут id для стилизации элементов

Здравствуйте. А может быть маг полководцем или полководец магом? Как в игре «Герои меча и магии».

Как вы оцените с технической точки зрения новый редактор публикаций в «Деле Модульбанка» — https://intuition.team/delo-control-panel? Какие технологии и фреймворки вы бы порекомендовали, чтобы сделать что-то подобное у себя на сайте?

Как переключить тему оформления на сайте в зависимости от настройки ОС

Вопрос Василию.

Бывает, на работе всё очень плохо: сроки и задачи горят, успеваем только костыли загонять в код. Как в аврале уделять время росту?

Разбор результатов опроса разработчиков State of CSS 2020

Здравствуйте!

На новых видео бюрошников я видел только макбуки и аймаки. Как вы понимаете, что интерфейс будет хорошо смотреться на «неретинах»?

Кажется, что мне нужно обзавестись монитором с плотностью 100 точек на дюйм, или собрать коллекцию шрифтов и иконок, заранее протестировав их на низком разрешении.

Спасибо!

Какие технологии вы бы порекомендовали для создания статичных и не самых сложных сайтов, но так, чтобы было использование модулей, например хедер, футер, форма. Без ПХП, бэкенда и БД.

Как называть классы в ЦСС. Часть вторая

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

Например, у нас есть список в виде кнопок с текстом. Хотим в один из пунктов добавить иконки перед текстом, чтобы пользователям было проще визуально идентифицировать возможность, особенно учитывая, что по всему остальному проекту эта фича выглядит преимущественно в виде иконок. Разработчик же со своей стороны видит это как задачу значительно более сложную, чем просто добавить новую кнопку с текстом и закрыть задачу, ведь придётся переделывать почти весь список с учётом иконок.

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

Как называть классы в ЦСС. Часть первая

Василий, расскажите об обязанностях технического директора в бюро?

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

Отдельно поясню: я в такой вопрос вкладываю ситуацию, когда для успеха условного проекта ты решаешь задачи, которые должен решать он. А он этого не делает, потому что не умеет или просто не хочет, не заинтересован. Работаешь ты в том числе и на уровень выше, ответственность несёшь, а при успехе лавры отходят руководителю. Как-то так. Спасибо.

Насколько уместно использование ЦСС-стилей cursor: default и user-select: none на текстовых элементах интерфейса, с которыми не предполагается никакого взаимодействия, например на неактивных ссылках?

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

Фёдор, привет!

У меня в голове есть два тезиса из твоих блога и вебинаров (как я их запомнил и понял): «разработчик может сделать восьмичасовую задачу за три часа [и „гулять“ остальное время]» и «разработчик может подсказать менеджеру, как недельную задачу закрыть за два дня, убрав или изменив некоторые элементы».

Ощущаю тут какое-то противоречие.

Кажется, что во втором случае разработчик — красавчик и помогает бизнесу,
а в первом — какой-то некомандный игрок и вообще редиска: мог сэкономить команде время, но не стал.

С другой стороны, разработчик может потратить это «свободное» время на развитие — как раз чтобы узнать, как закрывать восьмичасовые задачи за три часа. Кажется, что это один из немногих вариантов найти время на всякие полезные штуки.

Как искать баланс между пользой для команды и пользой для себя?

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

Как, по твоему опыту, лучше организовать процесс сдачи задачи и код-ревью в рамках спринта, чтобы определить, кто будет делать ревью, и чтобы при этом задачи, которые были спланированы у ревьюеров, не факапились?

Типовые решения в вёрстке. Как форматировать ХТМЛ

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

Я работаю ява-программистом уже 2,5 года, более 1,5 лет в одной московской компании — по сути это моя первая серьёзная работа в роли разработчика (до этого были не очень удачные места работы).

Стоит ли менять работу, если уже порядком поднадоело, но есть новые проекты и в целом хоть какой-то прогресс ощутим?

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

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

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

Как вы решаете подобного рода вопросы?

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

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

Непрерывная доставка

Специфичность селекторов в ЦСС

Как написать аккуратный код? Часть четвёртая: ответственность

Расскажите, как автор советов работает с маргиналиями?

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

Отслеживаете ли вы производительность отдельных программистов? Для принятия решения по ЗП, например.

Если нет, то по каким критериям на интервью понимаете, что человек достаточно мотивирован сам по себе?

Фёдор, привет, у меня небольшой вопрос, связанный со стартапами и билингами.

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

Билинг, имхо (может, я тут неправ?), — это очень сложный программный продукт, и писать и поддерживать его своими силами для стартапа может быть очень затратно. Какие, вообще, тут есть варианты?

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

Просьба сохранить анонимность и не указывать почту.

Рецепты колоночных раскладок

Новичок в команде считает, что стандарты качества продуктов низкие, а знания и опыт устарели из-за инертности. У него недостаточно авторитета и опыта, чтобы к его словам отнеслись достаточно серьёзно, поэтому он полагает, что коллегам не понравится намерение человека с улицы научить их «лучше» работать, даже ради повышения качества продуктов.

Как вести себя новичку в этой ситуации?

Фёдор!

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

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

На вопрос меня натолкнуло недавнее исследование HackerRank 2020

Привет!

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

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

Типовые решения в вёрстке. Почему не стоит использовать float

Почему какие-то значения font-weight в СSS пишут цифрами, а какие-то словами? (вопрос для Ани Даниловой)

Как написать аккуратный код? Часть третья: заменяемость

Типовые решения в вёрстке. Обёртка для страницы

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

Есть СТО, он классный, но при этом редко выходит в свет. Насколько, на твой взгляд, это может быть важно или полезно компании в целом? Что может улучшиться или измениться?

Типовые решения в вёрстке. Как подключить шрифты

Добрый день!

Какую библиотеку JS вы используете при смещении фона в проекте «Конструктор плакатов и презентаций Актиона» в блоке «Плакат окулиста» в нижней части страницы?

Фёдор!

Как быть, если всё моё время уходит на разработку всё новых и новых фич? Какие подходы могут помочь высвободить время?

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

Типовые решения в вёрстке. Как сверстать простую шапку страницы с меню

Как написать аккуратный код? Часть вторая: связность

Адаптивные изображения, тег picture

Автотесты «на пальцах». Четвёртая часть: гигиена

Аккуратный код: зацепление

Адаптивные изображения, атрибуты srcset и sizes

Автотесты «на пальцах». Третья часть: как тестировать модуль, использующий другой модуль

Пришёл в один стартап. Увидел, что у них бэк (Python/Flask) и фронт (ReactJS) лежат в одном репозитории. Когда я сказал, что было бы хорошо их разделить, то получил вопрос: «А зачем?». С удивлением сказал, что это правильно. А мне в ответ: «Ты можешь конкретнее объяснить, почему это нужно сделать, ибо правда у всех своя?».

И знаете, я не нашёлся чем ответить. Вот не могу объяснить им, почему лучше разделить.

Хотелось бы, чтобы гуру ответил :-)

Не так давно вы сделали пост про то, как стать разработчиком. Меня особенно зацепил пункт про инженерную культуру (п.6).

Хочется узнать ваше мнение: что на ваш взгляд показывает уровень развития этой культуры в компании/команде?

Как избежать эффекта Упячки при загрузке картинок

Есть два противоположных мнения — что разработчик должен думать, как его работа приносит прибыль компании и принимать исходя из этого архитектурные решения, пилить фичу или не пилить, запилить её таким образом или другим. Второе — что разработчику должно быть всё равно, о деньгах должен думать начальник, а разработчик должен получать задачи и пилить как сказали.

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

Что делает тег meta с атрибутом name="viewport"? Зачем его указывать?

Автотесты «на пальцах». Вторая часть: что и как тестировать у модуля

Как следить за качеством кода? Часть третья: процессы

Принципы надёжной вёрстки

Автотесты «на пальцах». Первая часть: пирамида тестов

Как следить за качеством кода? Часть вторая: метрики

Что такое СВГ и как его использовать в ХТМЛ-вёрстке?

Объективно и субъективно

Как следить за качеством кода? Часть первая: зачем

Вы используете Зеплин в бюро, чтобы разработчики смотрели макеты?
В совете про макеты для технологов Юрий Мазурский пишет, что разработчик смотрит макеты прямо в Фотошопе. Разве это не менее удобно, чем Зеплин?

Что вы посоветуете начинающему «полководцу»?

Несколько месяцев назад меня повысили из обычного разработчика до «тимлида». На деле это оказалось намного более сильной переменой, чем я ожидал. Это был переход от «мага» к «полководцу» (метафора из совета). Менеджеры и клиенты теперь ждут от меня ответа за проект в целом, команда ждёт обратной связи и лидерства, все ждут адекватного планирования, инициативы и так далее — вы знаете.

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

Что вы можете посоветовать в такой ситуации? Есть ли смысл в специальных курсах или тренингах? Если да, то каких? Какие книги стоит почитать? Что-нибудь ещё?

Спасибо!

Фёдор, у меня вопрос о вашем посте в телеграм-канале о доверии и бирюзовом подходе.

А что вы думаете, если бы исходно формулировались не технические, а более предметные KPI? Не число автоматических тестов, QA-инженеров и этапов приёмки, а аптайм сервиса или количество критических ошибок, пролезших на продакшен. Стало бы лучше?

Или в таких случаях стоит предложить команде сформулировать и сами KPI, и конкретные значения, и меры по их достижению?

Как правильно, эффективно и уважительно по отношению к сотрудникам?

Как лучше готовить макеты для технологов? Что имеет смысл делать или объяснять технологу, а что нет?

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

Я хорошо представляю, как в JS обрабатывать горячие клавиши: Ctrl+I, Ctrl+G и прочие. Но не могу понять, как отслеживать и обрабатывать их последовательность, например, если нужно вводить пароли или чит-коды вслепую, без поля для ввода.

Как это сделать? С какой стороны подойти к задаче?

Существует ли более-менее универсальный способ проверить компетентность веб-разработчика, если сам почти ничего не понимаешь в этом?

ЦСС-переменные: как использовать и для чего могут пригодиться

Василий, расскажите о принципе «не протыкал — не сделал».

У меня к тебе просьба осветить вопрос постановки задачи разработчику, который знает проект и для того, который не знает и придёт на замену первому. Как менеджеру ставить задачи так, чтобы ротация в команде не заставляла пережёвывать все задачи устно по 100 раз?

Режимы наложения в ЦСС

Василий, здравствуйте.

Подскажите, есть ли смысл учить Ruby и Ruby on Rails в 2019 году? Цель — веб-разработка для проектов, похожих на сайт бюро, маркетплейсов вроде catery.ru и подобных.

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

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

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

Что в нашем случае могло бы быть MVP?

Здравствуйте, Юрий!

Очень актуально было бы узнать «как дизайнеру стать разработчиком и зачем»? Как раз сейчас в раздумьях, углубляться ли в вопросы веб-вёрстки или сосредоточиться полностью только на дизайне. Заранее большое спасибо!

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

В одном из советов Артём рассказывал о том, как придумали билинг и Бюрокассу в Издательстве бюро.

А как выглядел сам переход на новые, переписанные с нуля, сервисы в техническом плане?

Как организовать работу удалённой команды разработчиков?

Часть вторая: абсолютное позиционирование

Как донести подход HADI до руководства, которое ничего не понимает в разработке?

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

Посоветуйте, что почитать, чтобы прокачаться в Гите?

Часть первая: дробление

Как резать фичи на основе метрик и экспериментов?

Расскажите о безголовом Хроме. А лучше покажите, как используете в бюро

Советы о фронтенде

Кто ты?

Василий, расскажите о принципе «в письме всё есть».

Заметила, что на широких экранах сайт бюро в какой-то момент перестаёт тянуться. Как это устроено?

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

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

Третья часть: рассылки Школы и Издательства бюро

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

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

Вторая часть: рассылка советов

Хочу, чтобы на моих сайтах в заголовках типа H1 и в прочих местах, куда ручным типографом не добраться, предлоги не свешивались. Как это сделать?

Я не программист, так что мне, пожалуйста, для тупых.

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

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

Как работает кнопка «Скопировать» в подборках? Откуда в буфере обмена берётся текст, которого нет в тексте подборки?

Расскажите, как устроена аутентификация по URL из писем?

Заходим с телефона на главную. Там меню в виде:

Новости Проекты Книги Школа …

От ссылки «Школа» видна первая только буква. Жмем на неё.
Открывается соответствующая страница и «Школа» отображается по центру, хотя порядок элементов меню прежний.

Вопрос: каким образом?

Как программно спрятать экранную клавиатуру в Айфоне?

Василий, расскажите об обязанностях технического директора в бюро?

В совете о воспроизведении багов вы пишете, что, если информации не хватает, её стоит посмотреть в логах, Ролбаре или уточнить у клиента. А как? Как попросить клиента помочь с дебагом?

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

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

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

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

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

Василий!

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

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

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

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

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

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

font-family: Bureauserif, Georgia, serif;

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

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

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

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

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

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

Привет!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы кто такие?