PerfectPixel — плагин для браузеров, позволяющий верстать сайты «пиксель в пиксель»

С его помощью можно проверить, насколько ваша вёрстка вообще близка к изначальному макету. Для этого достаточно установить плагин и запустить его на интересующем сайте.

Интересной особенностью инструмента является возможность работы как с локальными сайтам, так и с теми, что уже размещены в Интернете

Стоимость: #бесплатно

#web #плагин

@javascriptv

Codeply — набор готовых решений для веб-разработчика

Мало того, что вы можете написать, отредактировать и просмотреть код на одной странице — платформа также предлагает множество инструментов

К таковым можно отнести Bootstrap Builder, SASS Compiler, JSFiddle Integration и т.д

При этом здесь же для вас есть набор уже готовых конструкций, созданных другими пользователями. Например, CSS-анимации, интересные наборы сеток и многое другое

Стоимость: #бесплатно

#code #web

Flexbox Zombies — тренажёр для изучения

Любите игры про зомби? В этой игре нужно установить арбалет и пережить атаки зомби в каждом разделе игры с помощью Flexbox. Flexbox Zombies поможет изучить основы и применить их на практике. Сейчас игра бесплатна после небольшой регистрации:

https://mastery.games/flexboxzombies/chapter/1/level/1

#css #web

@javascriptv

Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц

Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках

В отличие от других инструментов анализа, Lighthouse интегрируется с DevTools в Google Chrome и может быть использован в качестве расширения для браузера или в командной строке. Это заметно упрощает проведение аудита и получение результатов

Стоимость: #бесплатно

#SEO #web

@javascriptv

⚡ Интересное исследование производительности анимации на основе скролла страницы

Анимация на основе скролла — это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным.

В этой статье новый подход сравнивается с классической техникой JavaScript, чтобы показать, насколько простой и плавной может быть анимация с помощью нового API.

#javascript #api #css #web

@javascriptv

Shotcut WebTools — универсальные инструменты для веб разработчиков и не только

Этот полезный набор инструментов и утилит, предназначенных для упрощения вашей повседневной работы в Интернете, предлагает такие решения, как «Website Status Checker», «User Agent Finder» и т.д

Инструменты платформы позволяют упростить ряд задач, таких как проверка статуса веб-сайтов или определение user agent, что делает их незаменимыми помощниками в работе

Стоимость: #бесплатно

#web #утилиты

@javascriptv