Перевод статьи How to use variable fonts in the real world с сайта clearleft.com для CSS-live.ru, с разрешения автора — Ричарда Раттера Использовать вариативные шрифты в реальном мире не так-то легко, как оказалось. Эта статья поясняет, как мы справились с этим на новом сайте Ampersand и что мы узнали за это время. Вариативный шрифт — один файл шрифта, который умеет ...

Прошлогодний пост о трендах логотипов 2017 был неплохо воспринят читателями, поэтому мы решили продолжить эту «традицию» и рассмотреть основные тенденции в дизайне логотипов 2018. Не смотря на то, что в сфере веб-дизайна изменения происходят с молниеносной скоростью, некоторые пункты из той статьи остались прежними и «перекочевали» в год текущий. Возможно, тренды дизайна сайтов являются более быстротечными по сравнению с нишей разработки лого, либо ...

Перевод статьи CSS Grid + CSS Multi-Columns = ♥ с сайта medium.com для CSS-live.ru, автор — Патрик Броссет В этой короткой статье я рассматриваю связь между двумя раскладочными инструментами из CSS: CSS-гриды и CSS-колонки. Эти два инструмента можно использовать вместе весьма интересными способами для построения отзывчивых веб-дизайнов. Начнём с обзора, что каждый из их делает. CSS-колонки CSS уже давно умел ...

Перевод статьи Links vs. Buttons in Modern Web Applications с сайта marcysutton.com для CSS-live.ru, автор — Марси Саттон Github: ссылки или кнопки? Одна из вечных тем во фронтенд-доступности — неразбериха между ссылками и кнопками. Ну, HTML-элементы, которые открывают ссылки в новом окне или отправляют форму, знаете? В веб-приложениях на JavaScript мы по-прежнему путаемся, какой элемент выбрать для пользовательского действия. Чтобы ...

Перевод статьи Finally understand Redux by building your own Store с сайта toddmotto.com для CSS-live.ru, автор — Тодд Мотто Redux — интересный паттерн, нехитрый по своей сути, но почему же его порой так тяжело понять? В этой статье мы рассмотрим основные идеи Redux и внутренние механизмы хранилища (Store). Смысл здесь в том, чтобы глубже познать магию «под капотом» Redux, хранилища ...

Перевод статьи All You Need To Know About CSS-in-JS с сайта hackernoon.com для CSS-live.ru, автор — Индрек Ласн Прекрасная иллюстрация Анны Дадей Краткая выжимка статьи — поговорим о компонентном подходе к CSS. Больше нет необходимости в поддержке множества CSS-файлов. CSS-in-JS делает логику CSS абстракцией уровня компонента, а не уровня документа (используя принцип модульности). Пример со стилизованным React-компонентом Предположу, что вы слышали термины «CSS-in-JS», «стилизованные компоненты», «Radium», «Aphrodite», но не стали в них вникать, ...

Перевод статьи So, you learned JavaScript — what now? с сайта christianheilmann.com для CSS-live.ru, автор — Кристиан Хайльман Прежде всего, поздравляю — отличный выбор! JavaScript развился из «игрушечного языка», над которым «тру прогеры» смеялись, в полноценный, на котором держится весь веб и много чего еще. Трудно сказать, хорошо это или плохо. JavaScript далек от идеального языка, если вообще такой существует. Но он имеет особенности, которые явно к нему приближают! JavaScript повсюду! Начнем с того, ...