Tutorialzine каждый месяц предоставляет нам тщательно отобранные отличные ресурсы для веб-разработки, которые могут помочь нам разблокировать новейшие и самые крутые подходы к веб-разработке. Передняя часть, давайте заглянем!
Polly.js
polly — это библиотека с открытым исходным кодом для записи, воспроизведения и моделирования HTTP-взаимодействий. Он предоставляет сложный и простой в использовании API для перехвата, изменения и добавления событий, а также изменения конфигурации для ускорения или замедления времени ответа на запрос. А историю HTTP-взаимодействий, записанную с помощью Polly, можно сохранить в локальном хранилище браузера или в локальном хранилище.
react-easy-crop
Компонент React для обрезки изображений с помощью простого взаимодействия. Он очень прост в использовании, поддерживает взаимодействие перетаскивания и масштабирования, а также обеспечивает кадрирование в пикселях и процентах. Вы можете использовать любой формат изображения (jpeg, png, gif). И этот компонент поддерживает разработку мобильных терминалов.
Cirrus
Фреймворк CSS для создания обновляющихся и отзывчивых веб-приложений. Он предоставляет все компоненты, необходимые для создания красивых интерактивных дизайнов — кнопки, формы, анимацию, таблицы, верхние и нижние колонтитулы и многое другое. Фреймворк очень легкий — вы можете выбрать только файлы компонентов, необходимые вашему приложению, и он настраиваем — все компоненты могут быть оформлены с помощью CSS, а фреймворк совместим со всеми современными браузерами.
repaintless
Repaintless.css — это легкая и высокопроизводительная библиотека анимации CSS3. Чрезвычайно прост в применении и имеет множество встроенных анимационных эффектов (появление, исчезновение, вращение, пульсация, скольжение) и многое другое. Анимации можно легко настроить, изменив переменные (файлы) scss.
spritejs
Sprite — это кроссплатформенная объектная модель 2D-рендеринга, которая создает DOM-подобную объектную модель для графики, поэтому мы можем создавать элементы Sprite так же, как элементы DOM, и отображать их на холсте Cavans. Поддержка рендеринга на стороне сервера, высокопроизводительной стратегии кэширования и масштабируемого механизма событий.
Three Dots
Three Dots — это библиотека CSS для интересных эффектов загрузки, создаваемых тремя точками. Встроено множество анимаций, которые можно легко настроить с помощью переменных scss (цвет, ширина, высота, интервал и т. д.).
RModal.js
Rmodal.js — это простой и эффективный модальный диалог. Очень легкий (всего 1,2 КБ) без внешних зависимостей. Подходит для Bootstrap и Animate.css. Поддерживает модули ES, CommonJS и совместим со всеми современными браузерами выше IE9.
Jest
Это инструмент для тестирования кода JavaScript. Нулевая конфигурация, из коробки. Используйте параллельное тестирование, чтобы максимизировать производительность, встроенные отчеты о покрытии кода и поддержку TypeScript или любого другого языка, который компилируется в JavaScript.
Boxicons
Отличный набор иконок с открытым исходным кодом, содержащий более 400 иконок. Вы можете использовать пользовательский класс для стилизации значка (изменить размер, добавить границы и анимацию, повернуть или отразить). С этой коллекцией иконок есть большая вероятность, что вы найдете иконку, которая вам нравится.
Web-Maker
Web Maker — это автономный редактор для внешнего интерфейса. Он имеет встроенную панель управления, которая может легко добавлять библиотеки JS и CSS, а также поддерживает препроцессоры HTML, CSS и JavaScript, импорт и экспорт проектов и может быть передана в CodePen одним щелчком мыши.
Odometer
Odometer — это библиотека компонентов (Javascript и CSS) для создания плавных числовых переходов. Легкий, высокопроизводительный, все анимации реализованы с помощью преобразования в CSS. Он поддерживает Firefox, Safari, Chrome и IE8+ и имеет автоматический переход на более ранние версии браузеров.
Gatsby
Инструмент для быстрой генерации статических сайтов. Поддерживает все новейшие веб-технологии, такие как React, Webpack, JavaScript и CSS. А благодаря богатой поддержке плагинов он поддерживает импорт данных из любого источника. Gatsby фокусируется на создании быстрых и эффективных сайтов с очень простым процессом развертывания.
Anime.js
Anime.js — это очень легкая библиотека анимации JavaScript, которая может обрабатывать произвольные свойства CSS, а также свойства SVG или DOM. Предоставляет большое количество настраиваемых функциональных интерфейсов, таких как связывание и синхронизация нескольких анимаций, воспроизведение, приостановка и перезапуск и многое другое.
DataTables
Плагин jQuery с открытым исходным кодом, который добавляет расширенные функции в HTML-формы. В него встроено много общих функций, таких как разбивка на страницы, фильтрация, сортировка по столбцам и т. д., пользователи могут получить максимум информации из таблицы. Он удобен для мобильных устройств, масштабируем и имеет многоязычную поддержку.
Shave
Shave — это облегченный подключаемый модуль JavaScript с нулевой зависимостью, который обрезает многострочный текст, чтобы он соответствовал элементам html на основе максимальной высоты, и сохраняет необработанные текстовые строки в скрытых элементах для вашего удобства. Текст может оставаться нетронутым на странице. Shave очень легкий (1,5 КБ), не зависит ни от какой библиотеки и совместим с другими библиотеками javascript.
напиши в конце
На выходных читал блог,и вдруг вспомнил,что предыдущий автор этой серии статей вроде давно не обновлял.Просто увидел эту серию и задумал перевести.Если интересно,оставьте пожалуйста сообщение.
оригинал:15 Interesting JavaScript and CSS Libraries for July 2018 - Tutorialzine