CAN I INCLUDE - этот проект предоставляет функциональные возможности для проверки того, может ли один тег быть включен в другой. На основе информации из HTML Spec WHATWG.

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

Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении. Забираем в коллекцию!

#codepen

Vue-good-table - Простая в использовании, чистая и мощная таблица данных для VueJS с такими важными функциями, как сортировка, фильтрация столбцов, разбиение на страницы и многое другое.

#vue

Как сравнивать объекты в Javascript.

Сравнивать примитивные значения в JavaScript просто. Просто используйте любой из доступных операторов равенства, например, строгое равенство:
'a' === 'c'; // => false
1 === 1; // => true

Однако объекты сравнивать сложнее, поскольку они представляют собой структурированные данные. В этом посте вы узнаете, как правильно сравнивать объекты в JavaScript.

#статьи #javascript

Siteliner — инструмент для seo-анализа сайта. Поиск дублирующегося контента, неработающих ссылок и многое другое.

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

Temper - одна из наименее навязчивых библиотек, которые вы можете использовать для управления состоянием приложения на React. Идеальное решение для приложений с огромными состояниями и очень частыми обновлениями.

#react

AdonisJS - платформа Node.js в первую очередь ориентирована на эргономику, стабильность и скорость разработчика. Начните создавать эффективные, надежные и масштабируемые серверные приложения.

Основные особенности:
- Хорошо продуманная и надежная SQL ORM. Он поставляется с конструктором запросов, миграциями и моделями Active Record.
- Один из самых продвинутых HTTP-маршрутизаторов с такими функциями, как: группы маршрутов, поддомены, сопоставление шаблонов и эффективные маршруты.
- Средство проверки формы, которое предоставляет информацию о типе вместе с проверками времени выполнения. Нет необходимости поддерживать отдельные интерфейсы для тела HTTP-запроса.
- Встроенный модуль проверки работоспособности, который можно использовать с оркестраторами, такими как Kubernetes.
- Особое внимание уделяется веб-безопасности. Мы защищаем веб-сайты от многих распространенных веб-атак.

#node

"Хватит делать велосипед!" - говорили они)
Реализация велосипеда на 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