Верстальщик от бога

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

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

Styling ::search-text and Other Highlight-y Pseudo-Elements #почитатьThe new ::search-text pseudo (Chrome 144) matches are yellow while the current target (::search-text:current) is orange, but ::search-text enables us to change that.⏱Читать статью

Статичный сайт на webpack5 с svg sprite #почитатьЭтот стартовый сборка для разработки статичного сайта на Webpack5. Максимально упростил разработку: можно подключать встариваемы модули шаблонов для страниц (header/footer), использовать SASS с удобными миксинами, автоматически собирать SVG-спрайты дл...

Я CSS-программист: «Магия» CSS или как превратить язык стилей в Тьюринг-полный ад #почитатьПредставьте, что вы — разумный человек. Вы знаете, что CSS — это язык стилей. Cascading Style Sheets. Для оформления. Не для логики. Не для программирования. Просто цвета, шрифты, отступы.А потом вы заходите н...

40 самых популярных регулярных выражений в JavaScript #почитатьЧасто бывает нужна какая-нибудь конкретная регулярка — например, проверить почту или номер телефона. Собрали 40 часто встречаемых, чтобы они всегда были под рукой (или, на худой конец, в закладках).⏱Читать статью

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

Leaflet, роутинг и тонна JavaScript: создаем свой планировщик маршрутов с нуля #почитатьВелосипед, походы, горы — все это требует тщательного планирования. И хотя существует множество отличных сервисов, мне всегда хотелось чего-то большего: платформы, которая объединяла бы в себе гибкий инструмент д...

Masonry Layout is Now grid-lanes #почитатьIt's settled! A new CSS display property keyword called grid-lanes will trigger a masonry layout mode.⏱Читать статью

Анимированный UI: как улучшить взаимодействие с пользователем #почитатьАнимация пользовательского интерфейса прошла долгий путь за последнее десятилетие, они превратились в универсальный цифровой язык, который люди узнают и понимают. Эти микровзаимодействия позволяют дизайнерам общаться с пользовате...

That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece #почитатьI would like to tell you what I learned from a five-year old child about HTML and CSS. It’s funny how explaining something you do almost naturally teaches you about yourself and what you take for granted.⏱Читать статью

Странные CSS-свойства, но, возможно, полезные #почитатьЯ много лет рассказываю о CSS. Показываю, как применять его, чтобы не было больно. Рассказываю про лучшие практики. Забочусь о вас, чтобы вы не стреляли себе в ноги.Только и у меня бывают непонятки с CSS. Сижу и задаю себе вопрос «А зачем это св...