This media is not supported in your browser
VIEW IN TELEGRAM
Anime.js
Легкая библиотека анимации JavaScript с простым, но мощным API. Он работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.
👉 @fullstack_libs
Легкая библиотека анимации JavaScript с простым, но мощным API. Он работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.
👉 @fullstack_libs
❤1👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Algolia Places
Библиотека JavaScript для автоматического заполнения форм. Она специализируется на адресах, может добавить карту в поиск и отобразить местоположение. Удивительно точная и сверхбыстрая библиотека повысит удобство работы пользователей с сайтом.
👉 @fullstack_libs
Библиотека JavaScript для автоматического заполнения форм. Она специализируется на адресах, может добавить карту в поиск и отобразить местоположение. Удивительно точная и сверхбыстрая библиотека повысит удобство работы пользователей с сайтом.
👉 @fullstack_libs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
TweenJS
Простая, но мощная библиотека JavaScript для анимации и анимации свойств HTML5 и JavaScript. Работает автономно или интегрировано с EaselJS.
👉 @fullstack_libs
Простая, но мощная библиотека JavaScript для анимации и анимации свойств HTML5 и JavaScript. Работает автономно или интегрировано с EaselJS.
👉 @fullstack_libs
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Tailwind CSS
CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения.
Основная идея состоит в том, что при разработке проекта вам не нужно иметь дело с таблицами стилей и беспокоиться о том, как переопределить тот каскад из 10 селекторов, который вот уже 2 года преследует ваше приложение.
👉 @fullstack_libs
CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения.
Основная идея состоит в том, что при разработке проекта вам не нужно иметь дело с таблицами стилей и беспокоиться о том, как переопределить тот каскад из 10 селекторов, который вот уже 2 года преследует ваше приложение.
👉 @fullstack_libs
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Spirit Studio
Браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.
👉 @fullstack_libs
Браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.
👉 @fullstack_libs
👍2❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Transition.css
Полезная мини-библиотека для переходов на CSS.
После того, как transition.css был добавлен в ваш проект, добавьте атрибут к элементу и наблюдайте за магией.
<div transition-style="in:circle:bottom-right"> A transitioned IN element
</div>
👉 @fullstack_libs
Полезная мини-библиотека для переходов на CSS.
После того, как transition.css был добавлен в ваш проект, добавьте атрибут к элементу и наблюдайте за магией.
<div transition-style="in:circle:bottom-right"> A transitioned IN element
</div>
👉 @fullstack_libs
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Scan
CSS Scan сильно упрощает просмотр ваших любимых веб-сайтов. Наведите курсор на любой элемент и мгновенно получите его CSS, цвета, ресурсы, анимацию, шрифт и размеры.
Скопируйте, экспортируйте или доработайте их с помощью интуитивно понятного редактора CSS.
👉 @fullstack_libs
CSS Scan сильно упрощает просмотр ваших любимых веб-сайтов. Наведите курсор на любой элемент и мгновенно получите его CSS, цвета, ресурсы, анимацию, шрифт и размеры.
Скопируйте, экспортируйте или доработайте их с помощью интуитивно понятного редактора CSS.
👉 @fullstack_libs
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Shapedivider
Настраиваемые фигурные разделители: волны, кривые, стрелки и т. д., на HTML, SVG и CSS.
👉 @fullstack_libs
Настраиваемые фигурные разделители: волны, кривые, стрелки и т. д., на HTML, SVG и CSS.
👉 @fullstack_libs
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
AnyChart
Хорошо проработанная, легковесная, многофункциональная JS библиотека для визуализации данных с рендерингом в SVG/VML. Позволяет веб-разработчикам создавать всевозможные графики и диаграммы для дальнейшего принятия решений на их основе.
👉 @fullstack_libs
Хорошо проработанная, легковесная, многофункциональная JS библиотека для визуализации данных с рендерингом в SVG/VML. Позволяет веб-разработчикам создавать всевозможные графики и диаграммы для дальнейшего принятия решений на их основе.
👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Reveal.js
Вы когда-нибудь задумывались о том, что настанет день, когда вы сможете создавать презентации, используя JavaScript? В общем-то, этот день, благодаря замечательной библиотеке Reveal.js, уже настал.
Её, как и другие подобные библиотеки, можно установить в виде NPM-пакета, или можно просто скачать её материалы из GitHub-репозитория и подключить соответствующие .js и .css-файлы к странице.
👉 @fullstack_libs
Вы когда-нибудь задумывались о том, что настанет день, когда вы сможете создавать презентации, используя JavaScript? В общем-то, этот день, благодаря замечательной библиотеке Reveal.js, уже настал.
Её, как и другие подобные библиотеки, можно установить в виде NPM-пакета, или можно просто скачать её материалы из GitHub-репозитория и подключить соответствующие .js и .css-файлы к странице.
👉 @fullstack_libs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Hammer.js
JavaScript библиотека, которая привносит в ваши веб-приложения мультисенсорные жесты. Она невелика, не имеет зависимостей и способна распознавать жесты, сделанные прикосновением, мышью или указателем (pointer events). По умолчанию она добавляет распознавание для касания, двойного касания, свайпа, нажатия и пр.
Также можно создать набор установок распознования, например добавления событий зума, переворачивания и т.д.
👉 @fullstack_libs
JavaScript библиотека, которая привносит в ваши веб-приложения мультисенсорные жесты. Она невелика, не имеет зависимостей и способна распознавать жесты, сделанные прикосновением, мышью или указателем (pointer events). По умолчанию она добавляет распознавание для касания, двойного касания, свайпа, нажатия и пр.
Также можно создать набор установок распознования, например добавления событий зума, переворачивания и т.д.
👉 @fullstack_libs
👍5
Ищете, где задать вопросы об ИТ и получить простой ответ без снобизма? Журнал «Код» поможет разобраться в сложных айтишных штуках.
Объясняют доступным языком. Подписывайтесь: @thecodemedia
Объясняют доступным языком. Подписывайтесь: @thecodemedia
This media is not supported in your browser
VIEW IN TELEGRAM
React Content Loader
Инструмент для простого создания ваших анимированных компонентов skeleton-screen, заменяющий обычную загрузку и улучшающий взаимодействие с пользователями, предоставляя каркас ваших страниц, например, плэйсхолдеры для контента и изображений. Поддерживает React, React Native, Vue и ванильный HTML.
👉 @fullstack_libs
Инструмент для простого создания ваших анимированных компонентов skeleton-screen, заменяющий обычную загрузку и улучшающий взаимодействие с пользователями, предоставляя каркас ваших страниц, например, плэйсхолдеры для контента и изображений. Поддерживает React, React Native, Vue и ванильный HTML.
👉 @fullstack_libs
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
turn.js
Библиотека JavaScript, которая сделает ваш контент похожим на настоящую книгу или журнал, используя все преимущества HTML5.
👉 @fullstack_libs
Библиотека JavaScript, которая сделает ваш контент похожим на настоящую книгу или журнал, используя все преимущества HTML5.
👉 @fullstack_libs
👍4🔥3🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Glassmorphism generator
Данный сервис позволяет создавать интерактивные и крутые эффекты пользовательского интерфейса с эффектом стекла и предоставлять их исходный код для добавления в ваш проект.
👉 @fullstack_libs
Данный сервис позволяет создавать интерактивные и крутые эффекты пользовательского интерфейса с эффектом стекла и предоставлять их исходный код для добавления в ваш проект.
👉 @fullstack_libs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
api.audio
Коллекция API для масштабирования звука. От создания контента, преобразования текста в речь и управления версиями до звукового дизайна и мастеринга.
👉 @fullstack_libs
Коллекция API для масштабирования звука. От создания контента, преобразования текста в речь и управления версиями до звукового дизайна и мастеринга.
👉 @fullstack_libs
🔥2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
ObjectCut
Служба автоматического удаления фона на базе ИИ. Из входного изображения, имеющего общедоступный URL-адрес или самого изображения, ObjectCut возвращает то же изображение, но без фона.
👉 @fullstack_libs
Служба автоматического удаления фона на базе ИИ. Из входного изображения, имеющего общедоступный URL-адрес или самого изображения, ObjectCut возвращает то же изображение, но без фона.
👉 @fullstack_libs
👍4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Text-To-Speech API
API на базе технологий искусственного интеллекта Google, позволяющее преобразовывать текст в естественно звучащую речь.
👉 @fullstack_libs
API на базе технологий искусственного интеллекта Google, позволяющее преобразовывать текст в естественно звучащую речь.
👉 @fullstack_libs
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
PageMap
JavaScript плагин для добавления мини-карты макета веб-сайта рядом с полосой прокрутки.
👉 @fullstack_libs
JavaScript плагин для добавления мини-карты макета веб-сайта рядом с полосой прокрутки.
👉 @fullstack_libs
🔥6❤1