[Перевод] Scrollbar в современном CSS

[Перевод] Scrollbar в современном CSS

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

Подробнее
Фронтенд-новости №12. Вышел EcmaScript 2022, фавиконки в 2022, как будет выглядеть веб только с Chromium

Фронтенд-новости №12. Вышел EcmaScript 2022, фавиконки в 2022, как будет выглядеть веб только с Chromium

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 20–26 июня. 📔 EcmaScript 2022. 22 июня 2022 года 123 Генеральная ассамблея Ecma утвердила спецификацию языка ECMAScript 2022 — теперь он официально является стандартом. Внутри все новинки. 📔 Как создавать иконки сайтов в 2022 году — всё о favicon. Пришло время переосмыслить то, как мы создаем набор иконок для современных браузеров, и остановить безумные генераторы. 📔 Как будет выглядеть веб только с Chromium?.

Подробнее
Еще один способ использовать SVG в React. На этот раз удобный

Еще один способ использовать SVG в React. На этот раз удобный

SVG-изображения можно вставлять непосредственно в html, можно использовать символьные спрайты, теги , и даже . Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы полноценно использовать всю суперсилу SVG, необходимо вставлять SVG-изображения непосредственно в html-разметку. Хотя на самом деле есть еще один способ. И он удобный. Читать далее

Подробнее
Фронтенд-новости №11. JQuery живее всех живых, замена CAPTCHA, вариативные шрифты в Figma

Фронтенд-новости №11. JQuery живее всех живых, замена CAPTCHA, вариативные шрифты в Figma

Дайджест новостей и полезных статей из мира фронтенд-разработки c 13 по 19 июня. Главное на 20 июня Замените CAPTCHA на Private Access Tokens Исследователи: мы изучили 1 000 000 сайтов и видим, что jQuery самый популярный, а вы говорите, что не используете его. В Figma появились вариативные шрифты Другие новости о доступности, спецификациях, вёрстке, JavaScript и Node.js внутри дайджеста. Что там у вас ещё

Подробнее
[Перевод] Создание музыкального инструмента с помощью Web Audio API

[Перевод] Создание музыкального инструмента с помощью Web Audio API

Недавно я поехал в Техас и купил трехрядный диатонический баян. Диатонические аккордеоны популярны для множества различных типов народной музыки, которую обычно учат на слух. Это хорошо для меня, потому что я все равно не умею читать ноты. Аккордеон имеет 34 кнопки со стороны высоких частот и 12 кнопок со стороны басов. В отличие от фортепианного аккордеона, который имеет такое же логическое хроматическое расположение, как и фортепиано, у диатонического аккордеона просто набор кнопок, и

Подробнее
Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера

Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера

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

Подробнее
Фронтенд-новости №10. Опубликован HTTP/3, History API мёртв, WebContainers доступны в Firefox

Фронтенд-новости №10. Опубликован HTTP/3, History API мёртв, WebContainers доступны в Firefox

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 6–12 июня. А вот главные новости: HTTP/3 опубликован в качестве предлагаемого стандарта History API мёртв, да здравствует Navigation API WebContainers (способ запуска Node.js в браузере) официально поддерживаются в Firefox. Что там у вас ещё

Подробнее
6 советов по удобным интерфейсам за июнь

6 советов по удобным интерфейсам за июнь

Хабр, привет! Сегодня мы поговорим о том, зачем надо отделять код страны от основной части телефона, зачем сохранять фокус в поле ввода после валидации, какие проблемы могут вызвать моушен анимации, как связан Esc и выпадающие списки, как фокус ускоряет ввод почты и role="button" не всегда про доступность. Читать далее

Подробнее
Продажи на Wildberries с помощью SEO-запросов. Опыт бренда одежды Zeri

Продажи на Wildberries с помощью SEO-запросов. Опыт бренда одежды Zeri

Все секреты малиновой строки «Я ищу…» на Wildberries и ответы на вопросы селлеров по SEO-продвижению, то, что вы всегда хотели узнать — мы расскажем в этом материале. Почти 3 года мы, Наталья Петрова и Валентина Мамаева, основательницы бренда одежды Zeri, работаем в ритейле. Начинали продавать, как и большинство продавцов, через соцсеть*. Далее – супер классическая история: пандемия, падение продаж, много сложностей с доставкой и работа в минус. Не будем давать много букв, посмотрите на

Подробнее
[Перевод] Дискуссии в Brave Search: ответы от живых людей, а не SEO-спамеров

[Перевод] Дискуссии в Brave Search: ответы от живых людей, а не SEO-спамеров

Когда люди ищут что-то в интернете, они хотят получить полезные, релевантные результаты, а не мусор, спам и белый шум. К несчастью, специалисты превратили «оптимизацию»‎ по поиску, SEO, в настоящую науку и большой бизнес. Результат? Страницы выдачи поиска от гугла и его друзей забиты рекламой и автоматизированным контентом (SEO-спамом) от рекламщиков, которые пытаются обмануть поиск и поднять рейтинг своих сайтов в поисковой выдаче. Это нас не устраивает. Для борьбы с подобными

Подробнее
Мой краткий чек-лист по скилам системного аналитика

Мой краткий чек-лист по скилам системного аналитика

Привет! Меня зовут Валид Панин, я главный системный аналитик в Альфа-Банк. Хочу поделиться кратким чек-листом скилов аналитика. Расскажу какие харды и соф-скилы использую в своей работе с примерами, пояснениями и списком литературы и ресурсов, которые помогут подтянуть знания. Мне бы пригодился такой чек-лист как карта развития, если бы я был начинал свой путь аналитиком. Читать далее

Подробнее
Фронтенд-новости №9. Конец эпохи IE, 19 лет Wordpress, цветовые тренды 2022

Фронтенд-новости №9. Конец эпохи IE, 19 лет Wordpress, цветовые тренды 2022

Дайджест новостей и полезных статей из мира фронтенд-разработки за последнюю неделю 30 мая–05 июня. Что там у вас ещё

Подробнее