Скрипты и советы

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

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

23 июня 2022 0 22 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, svg, fetch, svg-sprite, svg api, react, html, css, icons, open-source, ajax,

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

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

20 июня 2022 0 26 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании HTML Academy, Разработка веб-сайтов, JavaScript, HTML, Accessibility, html, css, новости, javascript, figma, node.js,

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

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

19 июня 2022 0 34 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, SvelteJS, javascript, css, html5, svelte, html,

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

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

18 июня 2022 0 53 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, Дизайн, javascript, markup, font, responsive, react.js, css, html, markdown,

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

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

14 июня 2022 0 39 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании HTML Academy, Разработка веб-сайтов, CSS, JavaScript, HTML, html, css, java, новости,

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

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

14 июня 2022 0 44 Уроки CSS на Хабрахабре, habrahabr.ru, Веб-дизайн, CSS, Интерфейсы, HTML, Accessibility, ux, html, a11y, css, accrssibility, interface,

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

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