Рубрики
Верстальщику

Что нового в CSS3 c 2015?

С того момента, когда мы впервые услышали о CSS3 прошло уже очень много времени. Я нашел у себя в блоге пост от 2009 года «CSS3 — самое время«. Однако большинство улучшений были официально добавлены в спецификацию где-то в 2015 году. Но и с того времени стандарт развивается довольно динамично. На сегодняшний день нам доступны возможности, о которых в 2015 году мы мечтали.

Сейчас мы можем использовать таки вещи как:

  • Grid Layout
  • Переменные в CSS (Custom properties)
  • Медиа-запросы пользовательских настроек (Preferences Queries)
  • Доступна более широкая палитра значений свойства Color для свойства Background
  • Переменные шрифты
  • Использование путей и форм для маски и обтравки текста
  • Фильтры

Буквально в то же время как я опубликовал свой обзор нововведений в JavaScript c 2015, Крис Койер в своем блоге опубликовал детальных обзор «What’s New Since CSS3 in 2015?«. Думаю, что его пост будет интересен и полезен для многих фронт-енд разработчиков.

Рубрики
Всем сразу Разработка

Что нового в JavaScript с 2016 по 2022

Обновление ES2015 (ES6) принесло в язык очень много новых возможностей и сделало JavaScript действительно лучше. Но с 2015 года прошло уже 7 лет и за это время в язык также были добавлены новые возможности и улучшения. В данном посте я хотел бы рассмотреть список нововведений и улучшений, которые были добавлены в язык на протяжении 2016-2021 годов, а также новшества которые будут (скорее всего) приняты в июне 2022 года.

Рубрики
Всем сразу Разработка

Шорткаты для быстрой работы в терминале

Если еще несколько лет назад фронтенд разработчик мог позволить себе не использовать командную строку и терминал, то сегодня это фактически не реальный кейс. Каждый день я лично, как и многие мои коллеги использую три главных инструмента, что делать фронтенд: редактор, терминал и браузер.

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

Рубрики
Верстальщику Разработка

Проблемы доступности слайдеров

Проблемы доступности слайдеров: анализ и варианты решений.

Сегодня карусель или слайдер – это одни из наиболее часто встречаемых элементов пользовательского интерфейса на сайтах. Они помогают создавать галереи изображений, витрины продуктов, ленты новостей и анонсов и прочее…

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

Но дайвайте сначала решим, что же такое карусель как компонент UX?

Рубрики
Верстальщику Разработка

Паттерны доступности зуммирования изображений

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

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

В этой статье хотелось бы рассмотреть примеры реализации данного функционала с учетом потребностей всех пользователей. Мы рассмотрим примеры от самого простого (но не самого плохого) и до более сложного с использованием JavaScript и плагинов.