Строков Денис

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

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

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

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

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

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

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

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

Рассмотрим возможности верстки статей на сайте и что доступно авторам публикующим статьи, какие HTML5 теги есть и как они оформляются в статьях и где применяются. Данный пост можно считать как пользовательское руководство по оформлению статей на этом сайте Текстовое форматирование Текстовое базовое форматирование основано на HTML5 тегах, в место CSS

В этой статье я хочу рассказать как сохранить архитектуру приложения при использовании разных типов http-запросов и какие библиотеки можно использовать в приложении.

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

Ретроспектива про современный веб и подходы к его исследованию и разработке

Как v-once и v-memo могут помочь уменьшить количество повторных рендеров и оптимизировать ваш код.

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

Перезапуск интернет магазина в творческую площадку. Fullstack мое решение, постоянно развивается.

Мало уделял времени open source и веб сообществу, концентрировался и развивался на работе над biglion.ru и семейными делами. Скрин за год, больше статистики gitlab не выдает 😒

Активность за 2022 в frontend на biglion.ru 1к+ commits, 100+ MR

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

Начал писать большой цикл статей про веб-компоненты

Миниреволюция в кампании) первый раздел /search  отпилен от устаревшего php\smarty\yii монолита и поставлен на vue ssr рельсы) 

Написал большой гайд о подготовке проекта к Production на основе Vue с применением SSR

Сделал стартовый репозиторий для разработки приложенек на VUE в SPA стиле. Все готово к выкладке в продакшн dev + prodiction env настроены, docker ready)

Небольшой пост, про компоненты в Vue.js)

Решил ради фана, пройти сертификацию по JavaScript 1.8 — результат 95\100 ?

Выступил с докладом про фронт на Symfony, обсудили некоторые tips and tricks

Пока один из сложнейшних для меня проектов, сделал фронт для бинарных опционов.

Пост о том, как прикручивал сборку фронта для симфони проектов и не только.

Рассказ о том, как и где можно применять Marionette.js и почему этот фреймворк будет жить еще долго.

jQuery плагин скачать и потыкать можно на
GitHub

Собрал фронтенд для букмекеркой кампании mostbet.com

Для разряжения обстановки в рабочем чатике)

Небольшое SPA на Backbone с возможностью подбора слов из собранной мною базой данных русского языка)

Небольшой туториал для новичков) как сделать пипнг на чистом яваскрипте)

Небольшой сказ о том, чего стоит остерегаться и что стоит не забывать при работе с нативным js в ie8

Пересобрал и активно продолжаю поддерживать интернет магазин manytomany.ru. Самое главное в апдейте это переход с Joomla 2.5 на codeigniter. Бекенд достаточно лаконично описан в виде простых моделей и некого api, фронтенд это twig + backbone + require + undesrcore + jquery и конечно же много кода на самом backbone)

Принял участие и со стадии ТЗ до довел фронтенд до продакшена) Получилась отличная товарная тизерная сеть mediahermes.biz

Собрал фронтенд для партнерской программы shakes.im

Перешел работать frontend-архитектором в 8bit.

Делюсь с общественностью, наработками по компонентам в Joomla 3+

Презентация новой версии amoCRM. Участник форума.

Дошли руки сделать сайт, который вы сейчас читаете.

Устроился работать в amoCRM на должность фронтенд-разработчика 🙂 Сильная команда и большой проект,  будет интересно!

Разработка и дизайн сайта под ключ для агенства недвижимости «Велес». Сайт разработан на Joomla 3.3 + написан собственный компонент для управления базой недвижиомости с распределением ролей.

FAQ по разработке.

Разработка и дизайн сайта под ключ для пиццерии «Светофор пицца». Из особенностей разработки, был сделан ajax «генератор пицц» с возможностью добавления ингредиентов и выбора размера.
«

Пример вывода категорий вы можете увидеть на  главной странице работающего интернет магазина manytomany

Разработка модуля вывода последних категорий для Joomla 2.5 и Virtuemart для интернет магазина Manytomany.ru.

Разработка сайта визитки с простеньким функционалом и лаконичным дизайном на WordPress.

Для тех кому нужна простая ajax форма обратной связи, вы попали по адресу. Перейдем непосредственно к плагину

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

Пост о том, что делать, когда ваш сайт заразили.

Дизайн и разработка сайта под ключ на WordPress для ООО «Копир».

Разработка сайта под ключи для «Фабрики окон». Разработка логотипа и дизайна сайта + программирование ajax калькулятора для расчета стоимости монтажа окон + формы быстрого заказа.

Расказм описание способе ajax авторизации в WordPress без использования плагинов.

http://webislife.ru/ajax-avtorizatsiya-v-wordpress-bez-plaginov/

Разработка и дизайн сайта для детского клуба «Трамплин». На сайте реализована система управления, преподавателями, расписаниями, афишей событий, информацией и занятиях.

2 место в конкурсе «Взгляд в будущее» в номинации «Веб-дизайн». В качестве примера работы была представлена http://webislife.ru/kalibri

Создание сайта для просветления it-разработчиков) и накопления знаний по вебу  webislife.ru

Занял 2 место по web-дизайну среди учеников художественных техникумов в Москве с маленьким проектом про птичку калибри

Разработка, дизайн и поддержка интернет проекта Manytomany на Joomla 2.5 + virtuemart 2 + свой компонент для работы с virtuemart 2

Разработка второго личного блога для себя. Вел блог достаточно продолжительное время.

Нарисовал дизайн сайта, для блога Artmen’a

Зарегестрировался и выполнил первый заказ.