В данной статье продемонстрирован способ реализации “параметризованной” css анимации React компонента с помощью styled components. Параметризованная потому что css анимация описывается через параметры, которые динамически рассчитываются на основе пропсов и состояний компонента при его рендеринге. Читать далее
Подробнее
К нам в агентство часто обращаются клиенты с проблемой — запустили контекстную рекламу, а она не работает. Рекламные бюджеты сливаются, заявки отсутствуют (в некоторых случаях их мало и они дорогие). В общем, реклама не окупается, поставленные KPI не достигаются. Почему же контекст не работает? А главное — как это исправить, чтобы заявки наконец пошли? Читать далее
Подробнее
Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления. Предыдущая часть здесь. В этом выпуске — DevTools для мобильных браузеров, CSS-антистресс для Booking.com (на КДПВ), единственная защита от фингерпринтинга (спойлер: это браузер Tor, он же Firefox) и др. Читать дальше →
Подробнее![[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 15. HTML теги, CSS и JavaScript](https://habrastorage.org/webt/w1/mx/lk/w1mxlkptwn-fsfu2ss5tasyl1z0.jpeg)
От переводчика. Разбор работы непосредственно веб-серверов на Arduino закончен автором в предыдущих статьях, но остались нераскрытыми различные тонкости формирования дизайна и работы самих веб-страниц. В этом уроке автор «расставляет по полочкам» методы получения доступа к различным HTML элементам при помощи CSS и JavaScript и подробно объясняет механизмы управления внешним видом страниц. Читать дальше →
Подробнее
Что нового в анимации на основе скрола? Анимация на основе скрола - это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным. Раньше единственным способом создания анимации на основе скрола страницы, было реагирование на событие прокрутки в главном потоке. Это приводило к двум основным…
Подробнее
Покупая HTML исходники готовых макетов сайтов, для реализации проекта "под клиента" в первую очередь встает вопрос необходимости замены всех стоковых изображений на что-то иное. Исправить цветовую схему, переписать "рыбу" на вменяемые тексты. И первая минимально рабочая версия готова. В данной заметке рассмотрим практическое применения телеграм бота @kandinsky21_bot
Подробнее
Зачем использовать в вёрстке компонентный подход? Разбираемся, как и зачем верстать интерфейсы, используя этот подход, какие параметры и проблемы важно учесть. Разберём азы, забежим вперёд и подробно погрузимся в тему. Кстати, эта статья написана на основе одного из уроков курса «Профессиональная вёрстка на HTML и CSS» Яндекс Практикума. Читать далее
Подробнее
У CSS много моментов, которые сбивают столку. Разработчики плюются от него. А мне нравится CSS, несмотря на мои потраченные нервы. Подумав, как помочь другим меньше мучаться, я собрал ряд неочевидных моментов. Они сбивали с толку меня и моих знакомых. Надеюсь, вам будет полезно. Читать дальше →
Подробнее
В этой статье вы узнаете про: • Анимации на основе скрола • Topics API • Ограждённые Фреймы • Privacy Sandbox и многое другое! Читать далее
Подробнее
Мой первый персональный компьютер на Windows Millenium Всем привет. Меня зовут Максим Дзюбак. Я начинающий программист. В этой статье хочу поделиться своим первым опытом принятого коммита в open source. Читать дальше →
Подробнее
В 2020 году я поделился списком моих любимых вопросов о CSS, который стал довольно популярным, судя по просмотрам. Спустя 3 года CSS изменился, и я решил дополнить список, добавив вопросы про гриды, пользовательские свойства (CSS-переменные), новые селекторы и свойства. Работая над вопросами, мне хотелось помочь вам в изучении новых возможностей CSS и тех моментов, которые многие разработчики упускают, судя по моей практике. Также вы можете использовать их, если проводите интервью. Я
Подробнее
В последних обновлениях ChatGPT для модели GPT-4, был добавлен новый плагин Code Interpreter. Теперь нейронная сеть сама пишет и выполняет код Python непосредственно в интерфейсе чат-бота. Это открывает широкие перспективы для анализа данных, обработки изображений, редактирования кода и множества других задач. Более того, интерпретатор предоставляет доступ к функции загрузки файлов, размер которых не превышает 100 МБ. Среди возможностей плагина - создание графиков, карт, визуализация…
Подробнее