История маленького обновления на webislife
В этой заметке хочу поделиться одним маленьким обновлением, которое произошло на сайте, а именно — добавление стилей для упоминания браузеров в статьях — Chrome Firefox Safari Edge чуть поговорим о семантике и посмотрим как это реализовано у серьезных сайтов типа web.dev
Читать далее… »
Что нового произошло в январе 2023 для веб-платформы?

Стабильные релизы браузеров
В Январе 2023, Firefox 109, Chrome 109, и Safari 16.3 стали стабильными версиями. Давайте рассмотрим, что это означает для веб платформы.
Читать далее… »
Используем веб-компоненты в vue.js 3+

На примере веб-компонента wc-like
рассмотрим интеграцию с vue3+
фреймворком, посмотрим насколько секонмит нам времени веб-компонент и сколько кода нам надо добавить на vue чтобы все заработало. Демонстрацию смотрите тут. Также доступен git репозиторий с демкой и npm пакет vue-wc-likes.
Читать далее… »
Главные рекомендации Core Web Vitals на 2023 год

Сборник лучших практик, которые, по мнению команды Chrome DevRel, являются наиболее эффективными способами повышения производительности Core Web Vitals в 2023 году.
На протяжении многих лет команда Google давала веб-разработчикам множество рекомендаций по повышению производительности сайта. Читать далее… »
Интегрируем веб-компонент wc-likes в wordpress
В этой статье мы рассмотрим вариант интеграции веб-компонента wc-likes с CMS системой wordpress на примере сайта webislife.ru
Читать далее… »
Разрабатываем переиспользуемый web-компонент для лайков
В рамках цикла статей о веб-компонентах мы рассмотрим пример реализации компонента лайков wc-likes
, пройдемся по шагам реализации и интегрируем лайки прямо на webislife 😄 поехали!)
Читать далее… »
Цикл статей про веб-компоненты

Эта запись будет начинать и содержать в себе цикл статей про устройство и работу с веб-компонентами в 2023 году, каким образом поддерживать последние практики в веб-разработке, список статей будет постоянно расти и пополняться, вы также можете принять участие в этом цикле и дополнить своими статьями и комментариями на сайте, и так поехали) Читать далее… »
Тестируем верстку статей webislife вместе с вами
Сегодня в рамках обновления сайта webislife.ru рассмотрим возможности верстки статей на сайте и что доступно авторам публикующим статьи, рассмотрим HTML5 теги и как они оформляются в статьях и где применяются. Данный пост можно считать как пользовательское руководство по оформлению статей на этом сайте
Читать далее… »
Safari не поддерживает пользовательские встроенные элементы и совместимость с ними
Браузер Safari не поддерживает пользовательские встроенные элементы, только автономные пользовательские элементы.
Давайте уточним, cуществует два вида пользовательских элементов(веб-компонентов):
- Автономные пользовательские элементы – «полностью новые» элементы, расширяющие абстрактный класс
HTMLElement
.
- Пользовательские встроенные элементы – элементы, расширяющие встроенные, например кнопку
HTMLButtonElement
и т.п.
Читать далее… »
WEB 3.0 нужен ли ?

Сегодня я хотел бы поговорить WEB 3.0 куда развивается веб и сообщество в нем, статья не претендует на истину, все ниже изложенное является личным мнением автора. Читать далее… »