strokoff

Расширяем возможности HTML5 тега time с помощью веб-компонента wc-time

Текушее время и мы продолжаем наш цикл статей про разработку веб-компонентов и сегодня мы будем расширять возможности HTML5 тега time с помощью возможностей браузера и идеологии веб-компонентов

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

736
8 мин
strokoff

Как отключить prefetch в vue\nuxt и зачем это нужно

vue nuxt отключаем prefetch

По умолчанию Vue\Nuxt помогают нам оптимизировать загрузку наших чанков и подставляют скриптам на странице rel=prefetch\preload, чтобы браузер мог подгрузить их заранее, подробнее про prefetch здесь. В небольших приложениях это не вызывает проблем, но с ростом приложения вы можете столкнуться c проблемой просадки FCP, как с этим бороться, расскажу на своем примере из работы сайта biglion.ru

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

2038
3 мин
mrssea

Управляйте буквицей с помощью CSS-свойства initial-letter

Искусство оформления буквиц существует уже сотни, если не тысячи лет. Его использование в стилях печати для обозначения начала нового раздела или главы можно увидеть в истории. Но в цифровую эпоху всегда был проблематичным стилизовать буквиц, не было «чистого» решения для этого. Читать далее… »

1015
6 мин
strokoff

История маленького обновления на webislife

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

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

1186
33 мин
strokoff

Что нового произошло в январе 2023 для веб-платформы?

январь 2023

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

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

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

778
2 мин
strokoff

Используем веб-компоненты в vue.js 3+

vue-wc-likes

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

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

1355
5 мин
mrssea

Главные рекомендации Core Web Vitals на 2023 год

Главные рекомендации Core Web Vitals на 2023 год

Сборник лучших практик, которые, по мнению команды Chrome DevRel, являются наиболее эффективными способами повышения производительности Core Web Vitals в 2023 году.

На протяжении многих лет команда Google давала веб-разработчикам множество рекомендаций по повышению производительности сайта. Читать далее… »

1136
24 мин
strokoff

Интегрируем веб-компонент wc-likes в wordpress


В этой статье мы рассмотрим вариант интеграции веб-компонента wc-likes с CMS системой wordpress на примере сайта webislife.ru

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

808
7 мин
strokoff

Разрабатываем переиспользуемый web-компонент для лайков

В рамках цикла статей о веб-компонентах мы рассмотрим пример реализации компонента лайков wc-likes, пройдемся по шагам реализации и интегрируем лайки прямо на webislife 😄 поехали!)
Читать далее… »

804
7 мин
strokoff

Цикл статей про веб-компоненты

web-components

Эта запись будет начинать и содержать в себе цикл статей про устройство и работу с веб-компонентами в 2023 году, каким образом поддерживать последние практики в веб-разработке, список статей будет постоянно расти и пополняться, вы также можете принять участие в этом цикле и дополнить своими статьями и комментариями на сайте, и так поехали) Читать далее… »

1296
6 мин
«123456789»