15 интересных библиотек JS и CSS

Время летит незаметно, и Tutorialzine предлагает нам отличные ресурсы по веб-разработке, отобранные на апрель 2017 года. Фронтенд-разработчики, давайте взглянем!

1. Core UI

Core UI — это шаблон администратора на основе Bootstrap 4, который предоставляет гибко настраиваемое решение для создания панелей управления. В то же время он также предоставляет несколько автономных шаблонных версий для быстрой интеграции с некоторыми популярными фреймворками (AngularJS, Angular 2, React.js и Vue.js).

2. React Trend

Это сделано Unsplash Компонент React от команды для создания элегантных линейных графиков, показывающих тенденции и показатели активности. Этот проект следует философии минимализма и предоставляет вам простое и элегантное решение конкретной проблемы. Также он имеет неофициальныйVue-интерфейс, но не предоставляет полную библиотеку диаграмм.

3. Element

Element — это библиотека компонентов пользовательского интерфейса, основанная на Vue.js 2.0. Он содержит более 50 компонентов и следует принципу последовательного дизайна, то есть стиль дизайна и цветовое соответствие в интерфейсе согласованы. При этом каждый элемент легко настраивается и может использоваться в любом Используется в проектах Vue.js. Так же есть утилита для построения твердотельных моделей Sketch Templateкомпоненты, вы также можете посмотреть.

4. Extension Boilerplate

Этот проект дал нам прочную основу для создания кроссбраузерных расширений. Шаблон на основеWebExtensions, расширения можно написать один раз и одновременно развернуть в Chrome, Opera и Firefox. Он также имеет некоторые другие интересные функции, такие как перезагрузка в реальном времени.

5. BigPicture

Легкий плагин лайтбокса, который обеспечивает плавные анимированные всплывающие окна для изображений и видео. BigPicture предлагает замечательную функцию, заключающуюся в том, что он работает с тегами и элементами фонового изображения, и разработчики могут свободно делать разметку. Что касается форматов видео - поддерживаются YouTube, Vimeo и прямые ссылки на видео.

6. Reactive Listener

Пожалуйста, не путайте вас из-за его имени, это не компонент React. Реактивный слушатель создаетсяZurb Крошечная библиотека от компании, которая помогает нам создавать расширенные прослушиватели событий, которые реагируют на более сложные действия (помимо простых кликов и наведения). В настоящее время он распознает только то, когда пользователь движется к элементу, но в будущем может быть добавлено больше функций.

7. Eagle.js

Eagle.js — это фреймворк Vue.js для создания веб-слайд-шоу с Reveal.js сходство. Он поддерживает анимацию, темы, интерактивные виджеты (для веб-презентаций) и легко повторно использовать компоненты, слайды и стили между презентациями.

8. Planck.js

Этот проект — разработчик игр, использующий C++ дляBox2D JavaScript переписывает физический движок. Plank.js оптимизирует движок для веб-браузеров и мобильных браузеров и предоставляет базу кода и API с открытым исходным кодом, удобную для JavaScript. Таким образом, когда разработчики создают 2D-игры, им становится легче.

9. Create React Native App

После завершения Create React App После Boilerplate проекта есть еще один инструмент для создания приложений React Native без создания конфигурации проекта. Вы можете настроить и протестировать приложение React Native без установки Xcode или Android Studio.

10. Pushy Buttons

Мини-библиотека 3D-кнопок, реализованная на чистом CSS. При нажатии на кнопку возникает эффект плавного нажатия. Кнопка содержит 4 размера и 3 цвета, вы можете легко настроить ее через SASS или просто изменить исходный файл .css.

11. React Overdrive

React Overdrive — это простой, волшебный компонент анимации перехода для приложений React. Вы можете легко создавать классные анимации перехода на страницах или между состояниями (или страницами) в своем приложении. Поскольку его API основан на компонентах, настройка переходов проста, даже при переключении между несколькими файлами JavaScript.

12. MoveTo

В конце концов, ежемесячная рекомендация по ресурсам для библиотеки анимации с прокруткой по щелчку не будет полной. Итак, в списке рекомендуемых ресурсов этого месяца мы представляем вам JavaScript-библиотеку с нулевой зависимостью: MoveTo. Это очень простая в использовании JS-библиотека размером 1 КБ, сжатая gzip, и вы можете использовать собственный API-интерфейс window.scroll для анимации.

13. Anchorme

Anchorme — это мощная библиотека JavaScript, которая может взять любую строку или текстовый файл и обнаружить все URL-адрес. Это быстро, надежно и имеет множество полезных функций, а также настраиваемые параметры. Примеры его использования включают: преобразование ссылок в тексте в интерактивные HTML-теги , извлечение URL-адресов из строк или использование его в качестве средства проверки для электронных писем, URL-адресов и IP-адресов.

14. RPG Awesome

Это веб-сайт с бесплатными векторными иконками, содержащий около 500 научно-фантастических тем, включающий значки, связанные с оружием, доспехами, магией и предметами инвентаря в ролевых играх, и используемый так же, как и другие шрифты веб-иконок. () Кроме того, вы можете вносить простые пользовательские изменения с помощью CSS или SASS.

15. Tent CSS

Tent CSS — это базовая структура CSS, которая предоставляет вам основные компоненты, необходимые для создания адаптивных веб-сайтов. Он легкий (gzip 5kb сжато), и следуетстандарт БЭМ, а также для современных макетов сетки Flexbox.

Спасибо за прочтение. Если у вас что-то получилось, ставьте лайк и делитесь.

Примечание:

Авторские права на эту статью принадлежат оригинальному автору и используются только для обучения и общения.
Если вам нужно перепечатать перевод, пожалуйста, укажите ниже информацию об источнике, спасибо!

Добро пожаловать в мой публичный аккаунт WeChat【Лев ИТ-программы】Получите самую свежую информацию об ИТ-галантерее.