"Хватит делать велосипед!" - говорили они)
Реализация велосипеда на SVG с применением анимации.

#codepen

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

Термин «JAMstack» включает в себя сокращённые наименования следующих технологий:

JavaScript — код, который выполняется на клиенте, представленный библиотеками (вроде React), фреймворками (наподобие Vue), или программами, написанными на чистом JavaScript.
API — то, что происходит на сервере, абстрагировано, доступ к нему осуществляется из JavaScript-кода по HTTPS.
Markup — разметка, представленная шаблонами, используемыми для создания страниц во время подготовки проекта к работе.

#статьи

Gridsome - это генератор статических сайтов на базе Vue для создания сайтов с поддержкой CDN для любой автономной CMS, локальных файлов или API.

Основные особенности:
- Легкая локальная разработка.
- Генерирует статические PWA.
- Повышает производительность каждой страницы с помощью шаблона PRPL.
- Использование Jamstack разработки.
- Простое и безопасное развертывание.
- Дружелюбен к SEO.

#vue

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

#javascript

🔥 Лучшее на канале за последнюю неделю

1) Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении.
2) Siteliner — инструмент для seo-анализа сайта.
3) ApexCharts - это современная библиотека диаграмм, которая помогает разработчикам создавать красивые и интерактивные визуализации для веб-страниц.
4) Vue-good-table - простая в использовании, чистая и мощная таблица данных для VueJS.
5) Как сравнивать объекты в Javascript.

Всем успешной разработки!

#Лучшее

Spline - инструмент для создания и работы с трехмерными веб-интерфейсами. Создавайте и повторяйте быстро с готовыми к работе результатами.

Используйте текст, создавайте простые геометрические фигуры, редактируйте материалы, импортируйте 3D-модели и многое другое. Контролируйте результат своей дизайнерской работы.

#инструменты

Magnetic button animation - по истине магические кнопки при наведении. Забираем в коллекцию!

#codepen

Tabler Icons - набор иконок.

Набор из более чем 1250 бесплатных высококачественных иконок SVG с лицензией MIT, которые вы можете использовать в своих веб-проектах. Каждая иконка рассчитана на сетку 24x24px и 2px толщина линий. Так же в комплекте есть иконки в png расширении и шрифтовой набор.

#иконки

TinaCMS — это минималистичный набор инструментов для визуального редактирования вашего сайта или мобильного интерфейса, созданного с помощью библиотеки React (или, например, с помощью популярных JavaScript конструкторов: Next.js, Gatsby и т.п.). TinaCMS обеспечивает контекстное и интуитивно понятное редактирование без ущерба для качества кода, поэтому идеально подходит для применения в небольших командах и для индивидуальной разработки.

#CMS

CSS-функции min(), max() и clamp()

Поддержка CSS-функций сравнения min(), max() и clamp() появилась в Firefox 8 апреля 2020 года. Это означает, что данные функции теперь поддерживаются во всех основных браузерах. Эти CSS-функции расширяют наши возможности по созданию динамических макетов и по проектированию более гибких, чем раньше, компонентов.

#статьи

Nightwatch.js - это интегрированное, простое в использовании решение для сквозного тестирования веб-приложений и веб-сайтов, написанное на Node.js. Он использует W3C WebDriver API для управления браузерами, для выполнения команд и утверждений для элементов DOM.

#node

Gradient Backgrounds - это тщательно подобранный список лучших градиентных веб-сайтов в Интернете, который позволяет вам исследовать, пробовать и выбирать из сотен красивых смешанных цветовых палитр.

#инструменты

noUiSlider - это легкий слайдер диапазона с поддержкой мультитач и множеством функций. Он поддерживает нелинейные диапазоны, не требует внешних зависимостей, поддерживает клавиатуру и отлично работает в адаптивном дизайне.

#javascript

Range - симпапульная реализация ползунка с изменением чисел. Забираем в коллекцию!

#codepen

massCode - бесплатный менеджер фрагментов кода с открытым исходным кодом для разработчиков. Это позволит вам создавать и организовывать свою собственную коллекцию личных фрагментов и иметь к ней быстрый доступ.

#инструменты

🔥 Лучшее на канале за последнюю неделю

1) Книга - Современный JavaScript для нетерпеливых.
2) Range - симпапульная реализация ползунка с изменением чисел.
3) AnimXYZ помогает создавать, настраивать и составлять анимацию для вашего веб-сайта.
4) TinaCMS — это минималистичный набор инструментов для визуального редактирования вашего сайта или мобильного интерфейса.
5) Gradient Backgrounds - это тщательно подобранный список лучших градиентных веб-сайтов в Интернете.

Всем успешной разработки!

#Лучшее

Bideo.js – библиотека JavaScript для добавления видеофона, который хорошо смотрится на экране любого размера и плавно масштабируется.

#javascript

Vektors — огромная библиотека бесплатных, качественных иллюстраций для ваших проектов.

#графика