Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: значения свойства display

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: значения свойства display

Привет, Хабр. Я продолжаю отвечать на вопросы из собеседований на должность фронтендера. Сегодня я отвечу на следующий вопрос: «В чём отличия между значениями block, inline, flex, inline-flex, grid и inline-grid для свойства display?» Прошу внимания. Мой ответ будет основан на теории, которую я описал в статье «Зачем нужно использовать свойство display?». Прочитайте, пожалуйста, сначала её. Читать дальше →

Подробнее
Deco.cx — «убийца» WordPress (пока только в мечтах основателей)

Deco.cx — «убийца» WordPress (пока только в мечтах основателей)

Самая популярная в мире CMS (система управления контентом) это WordPress. Почти половина (43%) веб-сайтов в мире управляется с помощью нее, и доля растет (). Бразильский стартап Deco.cx хочет бросить вызов такому грозному сопернику. В начале года они привлекли раунд в 2,2 млн.$ Деньги планировали потратить на добавление ИИ в свой сервис, и судя по всему уже добавили. Уверяют, что их продукт увеличивает скорость разработки в 10 раз. Проверить и поверить сложно, возможно какую-то часть

Подробнее
Неизвестно полезный CSS. Часть 2

Неизвестно полезный CSS. Часть 2

Привет, Хабр. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS-фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React-приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его. Сегодня мы рассмотрим: загрузку фоновых изображений для экранов с повышенной плотностью пикселя…

Подробнее
CSS генератор селектров, дашборд для запуска Ansible-плейбуков, Terraform-кода и Bash-скриптов – и другие стартапы

CSS генератор селектров, дашборд для запуска Ansible-плейбуков, Terraform-кода и Bash-скриптов – и другие стартапы

11 новых российских проектов для замены Notion, интеграции Tilda с Airtable, поиска работы для дизайнеров и многого другого. Битва за «Продукт недели» началась! Product Radar — здесь каждую неделю публикуются лучшие онлайн-сервисы и железки от русскоязычных команд. Читать далее

Подробнее
Как удалить конкурента из поисковой выдачи Яндекс

Как удалить конкурента из поисковой выдачи Яндекс

Данный способы сработают у вас, только если конкурент нарушил правила и украл у вас контент или незаконно использует ваш бренд. Поэтому сразу говорю, что в названии есть кликбейт 😊 Но думаю, что многим все равно будет полезно. Потому что часто обращения к доменному регистратору, хостеру и всякие досудебки просто бесполезны. Я расскажу как раз про такой кейс. Читать далее

Подробнее
Обзор нового spam update в Google

Обзор нового spam update в Google

5 марта Google выпустил Сore + Spam апдейт. В этот раз он направлен на борьбу с массовой ИИ генерацией ИИ контента (Недопустимое масштабирование контента) и борьбу с дроп-доменами (Недопустимое использование домена с истекшим сроком регистрации). Я хочу рассказать, как апдейт проходит на наших проектах и поделиться мнением по дальнейшему использованию ИИ контента и дропов в продвижении в Google. Сайты на дропах мы не запускаем и проектов с автоматической ИИ генерации тоже нет. Но у нас…

Подробнее
Путь развития Frontend разработчика (Вторая часть)

Путь развития Frontend разработчика (Вторая часть)

Это вторая часть roadmap frontend разработчика, Если вы не читали первую часть, то настоятельно рекомендую ознакомится, Первая часть. В этой статье я продолжу вам рассказывать про мое представление современной карты развития frontend разработчика. Читать далее

Подробнее
Воронка метрик поисковой оптимизации

Воронка метрик поисковой оптимизации

Помогаем разобраться, в чем измеряется эффективность поисковой оптимизации (SEO), что такое видимость сайта и какое место она занимает в воронке метрик интернет-маркетинга. Из цикла статей «Какие бывают воронки метрик в интернет-маркетинге». Читать далее

Подробнее
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display

За свою карьеру у меня было достаточно много собеседований. Конечно, одной из основных тем вопросов была вёрстка. Немного похвалюсь. Не было вопроса, на который я не ответил. Недавно у меня появилось желание снова проверить себя и показать сообществу свои ответы на самые популярные вопросы по вёрстке. Может же быть так, что мои ответы были неполными или некорректными. Если это так, то я научусь новому. А если всё хорошо, то они помогут другим людям в подготовке к собеседованию. Кажется,…

Подробнее
Путь развития (Roadmap) Frontend разработчика

Путь развития (Roadmap) Frontend разработчика

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

Подробнее
Дизайн-разбор ссылок в вёрстке

Дизайн-разбор ссылок в вёрстке

Привет! Это первая статья из серии разборов элементов веб-вёрстки для дизайнеров интерфейсов (и немного аналитиков). Разберём атрибуты разных тегов, свойства, которые можно к ним применить, поведение в разных обстоятельствах. А главное – как они влияют на то, что видит пользователь на экране (и слышит), и какие неочевидные моменты можно продумать в дизайне заранее. Начнём со ссылок, которые обозначаются в HTML тегом . Читать далее

Подробнее
Обзор синтаксиса Tailwind CSS

Обзор синтаксиса Tailwind CSS

Салют, Хабр! Tailwind CSS – это utility-first CSS фреймворк, который отличается от традиционных CSS фреймворков вроде Bootstrap или Foundation тем, что вместо предопределенных компонентов предлагает набор utility-классов, позволяющих стилизовать элементы прямо в HTML. Utility-first подход заключается в использовании множества функциональных классов, каждый из которых отвечает за одно CSS свойство, к примеру паддинги, маржини и т.п. В этой статье рассмотрим синтаксис Tailwind CSS, в…

Подробнее