Еженедельный дайджест #12: Новости фронтенда
Как читать этот дайджест
- Начните с заголовков статей, чтобы получить общее представление о содержании
- Быстро пробегитесь по первым абзацам, чтобы понять актуальность материалов именно для вас
- Выберите наиболее интересные или полезные темы под текущие задачи
- Планируйте чтение: выделите, например, 15 минут утром и 15 минут вечером
- Не пытайтесь прочитать всё сразу — возвращайтесь к дайджесту в удобное время
- При повторном просмотре читайте выбранные статьи более вдумчиво, делая заметки
- Не сожалейте, если прочитали лишь часть: ценность в качестве, а не в количестве
- Используйте закладки для сохранения интересных материалов
- Делитесь инсайтами и ссылками с коллегами — так информация лучше усвоится
🧪 HTML и API
hidden=until-found
Добавление hidden=until-found элемента в HTML позволяет сделать любой скрытый контент внутри элемента видимым в браузере с помощью поиска по странице.
Хорошая архитектура ванильного приложения с использованием веб-компонентов
🎨 CSS и дизайн
Психология цвета в UX-дизайне и цифровых продуктах
Познакомиися с важнейшими аспектами цвета в цифровом дизайне и пользовательском опыте, от практических шагов создания эффективных и масштабируемых цветовых палитр до критически важных аспектов доступности.
Легкое введение в позиционирование якоря
Позиционирование якоря позволяет размещать элемент на странице в зависимости от расположения другого элемента. Это упрощает создание адаптивных меню и подсказок с меньшим объёмом кода, используя только CSS.
Ахмад шадид снова улучшает макеты
В этой серии статей я планирую выбрать макеты популярных сайтов и посмотреть, как их можно улучшить с помощью CSS. На этот раз это главный раздел новостей в макете Time.com.
Получить количество столбцов с auto-fit/auto-fill в CSS
Ана Тюдор показывает, как получить количество столбцов с auto-fit/auto-fill в CSS, используя контейнерные запросы, переменные CSS и математические функции CSS.
- Несколько фактов о href элемента Anchor, о которых вы могли не знать
- Как использовать инструменты разработчика Safari
Чему мы научились, создавая PostCSS
Андрей Ситник делится уроками, полученными в ходе создания и поддержки проекта с открытым исходным кодом PostCSS за последние 12 лет.
- Еще одна статья о центрировании в CSS
- Стилизация underline
- Публичные пользовательские свойства CSS в теневом DOM
Присоединяйтесь Telegram-каналу
Получайте уведомления о новых дайджестах, обсуждайте новости с коллегами и делитесь своим опытом в дружелюбном сообществе фронтенд-разработчиков