Коллекция странностей CSS, которые могут сломать вам мозг

Изначально простой CSS со временем оброс таким функционалом, что порой его сложно понять. И если вы не опытный разработчик, который уже сталкивался с такими странностями, то они смогут надолго вывести вас из рабочего процесса.

Чтобы не попасться в ловушку особенностей CSS, рекомендую вам хотя бы мельком прочитать эту статью. Здесь про calc(), aspect-ratio, absolute и многое другое.

#css #фронтенд

Как заставить пользователей заметить ваш сайт

Сегодня уже сложно привлечь аудиторию прямой рекламой — баннерная слепота и фрагментация внимания делают своё дело. Но крутиться и раскручиваться како-то надо. Поэтому мы решили разобрать несколько инструментов, которые помогают в продвижении сайт с разных сторон: в основном с помощью SEO, но с разными подходами.

Заглядывайте к нам и выбирайте тот, который подходит в вашем конкретном случае.

#seo

Адаптивные изображения и подписи на CSS: как работают container queries и :has()

Container queries и селектор :has() делают адаптивность вёрстки проще и чище. Разбираем, как с их помощью построить компонент с feature image, который подстраивается под контейнеры, меняет расположение и стиль подписи, оставаясь стабильным при любой ширине.

Подробности тут.

#фронтенд #css

И это чисто тудушка для портфолио

Интерактивное руководство по SVG-контурам

Элемент SVG <path> известен своей сложностью. Его синтаксис не настолько сложен, как у регулярных выражений, но и удовольствия от работы с ним не возникает. При этом это всё ещё очень удобно и востребовано, поэтому отказываться от его использования не стоит.

Если у вас ломается мозг от работы с SVG, то я рекомендую вам вот это руководство. Тут пошагово показано, как вообще это всё работает. Вы один раз увидите и наконец-то поймете, что за странные буквы и числа написаны в пути контура.

Сохраняйте и делитесь с близкими: https://www.joshwcomeau.com/svg/interactive-guide-to-paths/

#svg #руководство

Психология цветов в UX

Мы знаем, что интерфейс должен быть привлекателен и отвечать современным трендам. Вряд ли вы захотите пользоваться сайтом с вырвиглазным фоном или плохо читаемым текстом. Но это то, что лежит на поверхности и довольно очевидно.

А вот если вы копнете глубже, то узнаете, что выбор цвета может повлиять на пользователя с точки зрения психологии, отразиться на видении бренда, и даже на установлении эмоциональной связи с пользователем. Об этом подробно рассказал Родольфо Энрике в своей статье. Предлагаю и вам почитать её.

#ux #дизайн

От массивов до объектов в JavaScript: пособие для новичков

Базовая статья для новичков в JS. Как работают объекты, зачем нужны, в чём их прелесть и как они помогают организовавывать и обрабатывать данные? Всё по ссылке.

#javascript

Продолжаем делать 3D-текст без использования JS

В прошлой статье мы научились создавать статичный текст с эффектом 3D, используя современные возможности CSS. На этот раз пойдем дальше и добавим ему анимацию.

Первая часть тут.
А вторая тут.

#фронтенд #css