Автор: Hiway

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

Что нового в 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

Photo by Kevin Canlas on Unsplash

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

Продолжить чтение «Что нового в JavaScript с 2016 по 2022»
Рубрики
Всем сразу Разработка

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

Photo by Gabriel Heinzer on Unsplash

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

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

Продолжить чтение «Шорткаты для быстрой работы в терминале»
Рубрики
Верстальщику Разработка

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

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

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

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

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

Продолжить чтение «Проблемы доступности слайдеров»
Рубрики
Верстальщику Разработка

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

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

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

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

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