JediCSS

magic numbers в действии

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

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

А всё потому, что отступ между кнопкой и выпадающим меню задан в пикселях.

Решение
top: 100%;

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

Почему я предпочитаю удалённую работу

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

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

За процесс, наоборот, спрашивать легко: опоздал программист на работу на 5 минут — значит сам виноват. Тупил во вконтосик в рабочее время — значит плохо работает.

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

Дополнил ранние видео про Фотошоп третим эпизодом. Макет для практики прилагается. Можно смотреть и верстать вместе со мной.

Надеюсь, будет полезно. Если не вам лично, то тем, кто рядом с вами. Тем, кто только начал осваивать этот дивный и увлекательный мир вёрстки 😘

https://jedicss.com/fotoshop-dlya-verstalshhika-besplatnyj-mini-kurs/

Хорошая статья о преимуществах родных переменных в CSS

https://habr.com/ru/post/456302/

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

Посмеялся вдоволь, пока прошёл.
За 7:57, вдруг кому интересно сравнить результаты ;-)

И обязательно закройте в углу экрана окошко, его анаимация того стоит.

https://userinyerface.com/game.html

Такая картинка – это контент. А контент не стоит задавать через бекграунд.

Даже если вы не заботитесь о пользователе с альтернативных устройств.

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

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

И повторюсь, книга очень крутая, рекомендую. Одно заблуждение простительно 🙂