strokoff
Vue 3.2 и прирост скорости
Vue 3.2, новая версия популярного JavaScript фреймворка, предлагает более высокую производительность, а также улучшения отдельных файловых компонентов и веб-компонентов.
strokoff
strokoff
Полное погружение в веб-компоненты в 2023 году
У нас всех есть проекты, над которыми мы не стали продолжать работать. Код стал неуправляемым, область применения расширилась, быстрые фиксы стали применяться поверх других фиксов, а структура кода рухнула под тяжестью спаггетти, программирование может быть грязным делом.
mrssea
Новое на веб-платформе в феврале
Откройте для себя некоторые интересные функции, появившиеся в стабильных и бета-версиях веб-браузеров в феврале 2023 года.
Стабильные версии браузера
В феврале 2023 года Firefox 110 и Chrome 110 стали стабильными. Давайте посмотрим, что это означает для веб-платформы.
mrssea
Лучшие практики для создания веб-компонентов
Многие уже знают, насколько полезными могут быть веб-компоненты. Они предоставляют множество преимуществ, которые могут помочь в создании веб-приложений, или системы дизайна, или просто при создании чего-то, что будет переиспользовано в ваших приложениях. Читать далее… »
strokoff
CSS container queries в стабильных браузерах
Поздравляем! Новая веб-фича CSS контейнерных запросов теперь поддерживается всеми браузерами.
105 110 105 16
mrssea
Лучшие практики по пользовательским элементам
Статья вышла в 2017 году, но и сейчас не теряет актуальности. т.к. я не нашла ее в переводе на русский язык, решила перевести сама.
Пользовательские элементы позволяют создавать собственные HTML-теги. Этот контрольный список охватывает лучшие практики, которые помогут вам создавать высококачественные элементы.
Пользовательские элементы позволяют расширять HTML и определять собственные теги. Это невероятно мощная функция, но она также низкоуровневая, а это означает, что не всегда ясно, как лучше всего реализовать свой собственный элемент.
Чтобы помочь вам создать наилучшие впечатления, мы составили этот чеклист — все, что, по нашему мнению, необходимо для того, чтобы пользовательский элемент вел себя хорошо.
strokoff
Создаем свой веб-компонент WYSIWYG редактора. Часть 1
Сегодня мы напишем собственный современный веб-компонент WYSIWYG редактора, который поможет нам в дальнейших проектах с любыми формочками, где требуется редактирование текста от публикаций больших статей, до публикации простых комментариев. По максимуму реализуем возможности браузерных API и опубликуем npm пакет. Для нетерпеливых: github репозиторий а также npm package и git npm package.
mrssea
10 ошибок, которых следует избегать при работе с Vue 3
Vue 3 уже довольно давно работает стабильно. Многие используют его в продакшене, и всем остальным в конечном итоге придется мигрировать. У меня была возможность поработать с ним и понять, какие ошибки я допускаю, которые вы наверняка хотели бы избежать.
strokoff
Декларативный shadow DOM
Мы рады сообщить, что поддержка декларативного теневого API DOM была добавлена и включена по умолчанию в Safari Technology Preview 162 . Напомним, теневой DOM является частью веб-компонентов, набора спецификаций, которые изначально были предложены Google для создания многоразовых виджетов и компонентов в Интернете. С тех пор эти спецификации были интегрированы в стандарты DOM и HTML. Shadow DOM , в частности, обеспечивает облегченную инкапсуляцию для деревьев DOM, позволяя создавать параллельное дерево для элемента, называемого «теневым деревом», которое заменяет рендеринг элемента без изменения собственного дерева DOM.
mrssea
Chrome 111 beta
Новые цветовые типы и цветовые пространства CSS, тригонометрические функции CSS и API View Transitions.
Следующие изменения относятся к новому выпуску бета-версии Chrome для Android, ChromeOS, Linux, macOS и Windows. Узнать больше о перечисленных здесь функциях можно по предоставленным ссылкам или из списка на ChromeStatus.com. Бета-версия Chrome 111 доступна с 9 февраля 2023 года.