Тестируем верстку статей webislife вместе с вами
Сегодня в рамках обновления сайта webislife.ru рассмотрим возможности верстки статей на сайте и что доступно авторам публикующим статьи, рассмотрим HTML5 теги и как они оформляются в статьях и где применяются. Данный пост можно считать как пользовательское руководство по оформлению статей на этом сайте
Читать далее… »
Safari не поддерживает пользовательские встроенные элементы и совместимость с ними
Браузер Safari не поддерживает пользовательские встроенные элементы, только автономные пользовательские элементы.
Давайте уточним, cуществует два вида пользовательских элементов(веб-компонентов):
- Автономные пользовательские элементы – «полностью новые» элементы, расширяющие абстрактный класс
HTMLElement
.
- Пользовательские встроенные элементы – элементы, расширяющие встроенные, например кнопку
HTMLButtonElement
и т.п.
Читать далее… »
WEB 3.0 нужен ли ?
Сегодня я хотел бы поговорить WEB 3.0 куда развивается веб и сообщество в нем, статья не претендует на истину, все ниже изложенное является личным мнением автора. Читать далее… »
Typescript или Babel?
Разделение кода широко используется в веб-разработке на основе JavaScript для повышения производительности и удобства поддержания кода по мере роста. Однако возникает необходимость объединить и транспилировать эти файлы при их выполнении.
Читать далее… »
Обработка HTTP-запросов в больших Vue.js-приложениях
В этой статье я хочу рассказать как сохранить архитектуру приложения при использовании разных типов http-запросов и какие библиотеки можно использовать в приложении. Читать далее… »
Оптимизируем Vue.js приложение при помощи ‘v-once’ и ‘v-memo’
Как v-once и v-memo могут помочь уменьшить количество повторных рендеров и оптимизировать ваш код.
Читать далее… »
Обзор и способы применения Chrome Recorder 🧪
Сегодня мы поближе познакомимся пока с пока еще экспереминтальной, но уже достаточно зрелой для использования фичей Chrome как Recorderer. Появившейся в Chrome 89
Читать далее… »
Good style по фронту
В мире фронтенда приходится решать просто огромное количество задач, и так получилось, что на работе мне приходится работать c HTML версткой писем, HTML5 версткой лендинг страниц, подгонкой разных блоков друг к другу, выравниванием отступов) и разных игр с цветами и размерами и всем зоопарком плагинов jQuery
вместе с велосипедами их владельцев, а еще разные адаптивные хаки и костыли. В общем та еще работка. А с другой стороны также необходимо, писать js плагины для jQuery, что-бы верстальщики сами не велосипедили на лендингах,нативную js бизнес логику без библиотек с поддержкой IE7 в 2016 году( кастомные виды input’ов, начиная от выбора цвета и календарей, заканчивая на уровне Marionette.LayoutView описание документации к этому, и все это лучше для меня еще и 1 раз собрать и иметь возможность переносить с самых разношорстных проектов от статических сайтов до сложных систем на Yii, Symfony и REST сервисов с java backend’ом так, чтобы backend команда легко принимала для себя и работала с полученным модулем\компонентом\функцией\инпутом и это я еще не упоминал о Node.js который выполняет тесты в связке с BrowserStack сотен сайтов для своего мониторинга доступности интерфейсов, ну я это все просто так. К вопросу — Что можно делать на фронте?
Готовим Vue SSR c 0 до production
Сегодняшнюю статью я хочу посвятить обзору одного подхода, что практикую при сборке проектов в так называемый enterprise — под этим я подразумеваю, что вы пишите серьезный проект для бизнеса, где важно соблюдать общепринятые практики, поддерживать качество кода, обеспечивать тестирование и т.п.. Сегодня, мы будем собирать Vue приложение с применением SSR технологии, но не просто, как во всех уроках на коленке и localhost:3000, а подготовим настоящее действительно работающее приложение с учетом множества тонкостей. Т.к. статья рассчитана на middle+ фронтов, мы опустим тонкие devops\sysops настройки и попробуем обойтись без таких крутых и мощных вещей как kubernets или docker, будем разворачиваться так скажем на голом сервере. Реализованную по итогу статьи архитектуру легко обернуть или перенести в свой кластер или контейнер. Если вы решитесь повторить описанное в статье (много листинга кода я выложу) полезно будет параллельно держать открытым официальное vue руководство по ssr. Осторожно! Много кода и конфигов!
Читать далее… »
Разбираемся с Snowflake Phoenix Immutable серверами
По ходу работы необходимо заниматься поднятием различного вида серверов\превью\стейдж решил немного прибраться в мыслях и немного их структурировать на тему видов серверов. Читать далее… »