📝 Размещение текста поверх изображений
В статье рассказывается о способах красивого размещения текста поверх изображений, используя различные возможности CSS вроде теней и градиентов. С примерами.
ссылка →
#статьи | @webdevblog
В статье рассказывается о способах красивого размещения текста поверх изображений, используя различные возможности CSS вроде теней и градиентов. С примерами.
ссылка →
#статьи | @webdevblog
Ishadeed
Handling Text Over Images in CSS
Learn how to handle text over images in CSS by taking accessibility in mind
📊 Список библиотек для визуализации данных
В этой статье собраны популярные open-source библиотеки для визуального отображения массивов данных, на Javascript.
ссылка →
#статьи | @webdevblog
В этой статье собраны популярные open-source библиотеки для визуального отображения массивов данных, на Javascript.
ссылка →
#статьи | @webdevblog
DEV Community
Javascript Chart Library - Open-source Projects
A curated list with Javascript Chart Libraries we can use for free in our project to showcase the information visually and interactive.
🧱 Опыт разработки виджетов
Нюансы разработки кода, который будет использоваться на сторонних сайтах: кастомные тэги, postMessage и прочие радости специфической разработки, с которой я и сам ломал голову пару лет назад.
статья →
#статьи | @webdevblog
Нюансы разработки кода, который будет использоваться на сторонних сайтах: кастомные тэги, postMessage и прочие радости специфической разработки, с которой я и сам ломал голову пару лет назад.
статья →
#статьи | @webdevblog
Хабр
Опыт разработки виджетов для сторонних сайтов
Если ваш продукт предоставляет услуги для бизнеса, рано или поздно появится задача создать встраиваемый виджет для сайтов клиентов. Это может быть виджет покупки билетов, прогноза погоды, курса...
🗂 Реализация табов с контентом
Грамотное решение для реализации горизонтальных табов с контентом на веб-сайте.
статья →
#статьи | @webdevblog
Грамотное решение для реализации горизонтальных табов с контентом на веб-сайте.
статья →
#статьи | @webdevblog
🚪 CORS: что, как, зачем
В статье разобрана история и эволюция политики одинакового источника и CORS, а также расписаны типы доступа между различными источниками и несколько оптимальных решений работы с ними.
статья →
#статьи | @webdevblog
В статье разобрана история и эволюция политики одинакового источника и CORS, а также расписаны типы доступа между различными источниками и несколько оптимальных решений работы с ними.
статья →
#статьи | @webdevblog
Хабр
CORS для чайников: история возникновения, как устроен и оптимальные методы работы
В этой статье подробно разобрана история и эволюция политики одинакового источника и CORS, а также расписаны разные типы доступа между различными источниками,...
5️⃣ Вышла пятая версия Bootstrap
Спойлер: почти ничего не поменялось, убрали поддержку IE (наконец-то!) и зависимость от jQuery.
статья →
#статьи | @webdevblog
Спойлер: почти ничего не поменялось, убрали поддержку IE (наконец-то!) и зависимость от jQuery.
статья →
#статьи | @webdevblog
Хабр
Вышел Bootstrap 5: оцениваем 7 главных нововведений
Пройдя через несколько альфа- и бета-версий, наконец-то появился Bootstrap 5, на что у разработчиков ушло несколько месяцев. Новая версия претерпела серьезные изменения, включая отказ от поддержки...
🔠 Гайд по настраиваемых свойствах
Большой и полезный гайд по «переменным» в CSS. На английском.
статья →
#статьи | @webdevblog
Большой и полезный гайд по «переменным» в CSS. На английском.
статья →
#статьи | @webdevblog
CSS-Tricks
CSS Custom Properties Guide | CSS-Tricks
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name.
🖼 <img> — что, как и зачем
В докладе автор постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы графики для каких случаев полезны и как автоматизировать автоматизируемое.
статья →
#статьи | @webdevblog
В докладе автор постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы графики для каких случаев полезны и как автоматизировать автоматизируемое.
статья →
#статьи | @webdevblog
Хабр
<img>. Доклад Яндекса
«Просто добавь картинку на сайт», — говорили они. А оказалось, что «просто» не значит «правильно». В докладе я постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы...
🚪 Делаем UX лучше
15 полезных советов по User Experience на примере страницы входа и регистрации.
статья →
#статьи | @webdevblog
15 полезных советов по User Experience на примере страницы входа и регистрации.
статья →
#статьи | @webdevblog
www.learnui.design
15 Tips for Better Signup / Login UX
Mobile patterns · Form field validation · Autofocus · Microcopy · Error messages · Error prevention
🖼 Как устроена серверная UI-система Airbnb
Как Airbnb обеспечивает быстрое развертывание функций в браузерах, на iOS и Android с помощью серверной UI-системы Ghost Platform.
статья →
#статьи | @webdevblog
Как Airbnb обеспечивает быстрое развертывание функций в браузерах, на iOS и Android с помощью серверной UI-системы Ghost Platform.
статья →
#статьи | @webdevblog
Хабр
Как устроена серверная UI-система Airbnb
Как Airbnb обеспечивает быстрое развертывание функций в браузерах, на iOS и Android с помощью серверной UI-системы Ghost Platform Введение. Серверный UI Прежде чем разбираться с реализацией...
📐 Маски и обрезание контента
С момента появления в 2014-ом фукционал внедрился в каждый браузер, значит его можно использовать в продакшне. Примеры — в статье.
статья →
#статьи | @webdevblog
С момента появления в 2014-ом фукционал внедрился в каждый браузер, значит его можно использовать в продакшне. Примеры — в статье.
статья →
#статьи | @webdevblog
CSS-Tricks
Perfect Tooltips With CSS Clipping and Masking | CSS-Tricks
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a
🏎 Приёмы ускорения кода
На Javascript и других языках: подборка от разработчика поиска Яндекса
статья →
#статьи | @webdevblog
На Javascript и других языках: подборка от разработчика поиска Яндекса
статья →
#статьи | @webdevblog
Хабр
Приёмы ускорения кода на JS и других языках: подборка от разработчика поиска Яндекса
Привет! Меня зовут Виктор Хомяков, в Яндексе я работаю над скоростью страниц поиска. Однажды мне в голову пришла идея обобщить свой опыт и систематизировать приёмы ускорения работы кода на JavaScript....
📱 NFC приходит в Web!
Web NFC убирает ограничения для разрабов и функциональность NFC теперь может быть частью Интернета: меньше смысла разрабатывать и качать ненужные приложения. Еще одна крутая фича для PWA, которую я жду.
статья → | оригинал (ENG) →
#статьи | @webdevblog
Web NFC убирает ограничения для разрабов и функциональность NFC теперь может быть частью Интернета: меньше смысла разрабатывать и качать ненужные приложения. Еще одна крутая фича для PWA, которую я жду.
статья → | оригинал (ENG) →
#статьи | @webdevblog
Хабр
NFC приходит в web
Эта статья — перевод оригинальной статьи " NFC comes to the web " . Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки интерфейсов....
🍝 Распутываем спагетти-код
Как писать поддерживаемый Javascript: анализ, организация и документация кода.
статья → | оригинал (ENG) →
#статьи | @webdevblog
Как писать поддерживаемый Javascript: анализ, организация и документация кода.
статья → | оригинал (ENG) →
#статьи | @webdevblog
Прогрессор
Распутываем спагетти-код: как писать поддерживаемый JavaScript
Список рекомендаций по процессу рефакторинга существующего кода
Непопулярные возможности Chrome DevTools, которые ускоряют и улучшают процесс разработки.
статья →
#статьи | @webdevblog
статья →
#статьи | @webdevblog
Хабр
Не очень известные возможности Chrome Devtools
Это просто превью, не высматривайте тут интересного)Chrome Devtools, безусловно, мощнейший инструмент для разработки, дебага, профайлинга и тестирования в браузере. С каждым релизом в него завозят всё...
👀 Код ревью
Как внедрить и не испытывать боль. Статья о важной части разработки, которую часто игнорируют.
статья →
#статьи | @webdevblog
Как внедрить и не испытывать боль. Статья о важной части разработки, которую часто игнорируют.
статья →
#статьи | @webdevblog
Хабр
Код ревью, как внедрить и не испытывать боль
Если вы работаете в продуктовой компании, то жизненный цикл почти каждого продукта будет соответствовать принципу Парето:20% времени мы пишем новый код.80% времени поддерживаем старый. Поддержка...
🔐 HTTP/3 от А до Я [ч.1]
Первая часть большой статьи новой версии протокола передачи данных.
статья →
#статьи | @webdevblog
Первая часть большой статьи новой версии протокола передачи данных.
статья →
#статьи | @webdevblog
Хабр
HTTP/3 от А до Я: основные концепции. Часть 1
Фото Florencia Viadana, Unsplash.com После почти пятилетних разработок протокол HTTP/3 наконец приближается к окончательному выпуску. Предыдущие итерации уже доступны как экспериментальная функция,...
⏱ Реализация skeleton’а, который визуально отобразит состояние страницы на время ожидания загрузки контента.
статья →
#статьи | @webdevblog
статья →
#статьи | @webdevblog
DEV Community 👩💻👨💻
Skeleton Screen Loading Animation using HTML & CSS
In this article I have shown how Skeleton Screen Loading Animation is created using HTML CSS and...
Использование закона Фиттса: основной принцип UI/UX при разработке интернет-магазинов.
статья →
#статьи | @webdevblog
статья →
#статьи | @webdevblog
Хабр
Использование закона Фиттса: основной принцип UI/UX при разработке интернет-магазинов
Математический закон середины XX века применяют к дизайну UI-интерфейса онлайн-магазина, чтобы превратить посетителей в клиентов. Даже небольшое улучшение процесса оформления заказа в онлайн-магазине...