mrssea

Новое на веб-платформе в феврале

Откройте для себя некоторые интересные функции, появившиеся в стабильных и бета-версиях веб-браузеров в феврале 2023 года.

Стабильные версии браузера

В феврале 2023 года Firefox 110 и Chrome 110 стали стабильными. Давайте посмотрим, что это означает для веб-платформы.

Читать далее… »

385
6 мин
mrssea

Лучшие практики для создания веб-компонентов

Многие уже знают, насколько полезными могут быть веб-компоненты. Они предоставляют множество преимуществ, которые могут помочь в создании веб-приложений, или системы дизайна, или просто при создании чего-то, что будет переиспользовано в ваших приложениях. Читать далее… »

476
12 мин
strokoff

CSS container queries в стабильных браузерах

Пример работы контейнерныз запросов

Поздравляем! Новая веб-фича CSS контейнерных запросов теперь поддерживается всеми браузерами.

105 110 105 16

Читать далее… »

674
3 мин
mrssea

Лучшие практики по пользовательским элементам

Статья вышла в 2017 году, но и сейчас не теряет актуальности. т.к. я не нашла ее в переводе на русский язык, решила перевести сама.

 Пользовательские элементы позволяют создавать собственные HTML-теги. Этот контрольный список охватывает лучшие практики, которые помогут вам создавать высококачественные элементы.

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

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

Читать далее… »

324
12 мин
strokoff

Создаем свой веб-компонент WYSIWYG редактора. Часть 1

Базовый вид редактора
Базовый вид редактора

Сегодня мы напишем собственный современный веб-компонент WYSIWYG редактора, который поможет нам в дальнейших проектах с любыми формочками, где требуется редактирование текста от публикаций больших статей, до публикации простых комментариев. По максимуму реализуем возможности браузерных API и опубликуем npm пакет. Для нетерпеливых: github репозиторий а также npm package и git npm package.

link

717
21 мин
mrssea

10 ошибок, которых следует избегать при работе с Vue 3

Vue 3 уже довольно давно работает стабильно. Многие используют его в продакшене, и всем остальным в конечном итоге придется мигрировать. У меня была возможность поработать с ним и понять, какие ошибки я допускаю, которые вы наверняка хотели бы избежать.

Читать далее… »

1322
11 мин
strokoff

Декларативный shadow DOM

Декларативный shadow DOM

Мы рады сообщить, что поддержка декларативного теневого API DOM была добавлена ​​и включена по умолчанию в Safari Technology Preview 162 . Напомним, теневой DOM является частью веб-компонентов, набора спецификаций, которые изначально были предложены Google для создания многоразовых виджетов и компонентов в Интернете. С тех пор эти спецификации были интегрированы в стандарты DOM и HTML. Shadow DOM , в частности, обеспечивает облегченную инкапсуляцию для деревьев DOM, позволяя создавать параллельное дерево для элемента, называемого «теневым деревом», которое заменяет рендеринг элемента без изменения собственного дерева DOM.

Читать далее… »

532
6 мин
mrssea

Chrome 111 beta

 

Новые цветовые типы и цветовые пространства CSS, тригонометрические функции CSS и API View Transitions.

Следующие изменения относятся к новому выпуску бета-версии Chrome для Android, ChromeOS, Linux, macOS и Windows. Узнать больше о перечисленных здесь функциях можно по предоставленным ссылкам или из списка на ChromeStatus.com. Бета-версия Chrome 111 доступна с 9 февраля 2023 года.

Читать далее… »

295
6 мин
strokoff

Время чтения публикаций

Самая большая статья на webislife.ru

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

Читать далее… »

391
1 мин
strokoff

ElementInternals и ассоциированные с формой пользовательские элементы

webkit

В safari technology preview включена поддержка ElementInternals и form-assoiciated пользовательских элементов по умолчанию Пользовательские элементы — это функция, которая позволяет веб-разработчикам создавать повторно используемые компоненты, определяя свои собственные элементы HTML, не полагаясь на структуру JavaScript. ElementInternals — это новое дополнение к API пользовательских элементов, которое позволяет разработчикам управлять внутренними состояниями пользовательских элементов, такими как роль ARIA по умолчанию или метка ARIA, а также участие пользовательских элементов в отправке и проверке форм.

Читать далее… »

513
7 мин
«123456789»