Свежие ресурсы для веб-дизайнеров и разработчиков (июль 2017 г.)
Время летит, и сейчас мы находимся в середине 2017 года. В этом выпуске этого месяца у нас есть множество великолепных библиотек JavaScript и несколько других, таких как плагин для включения GraphQL в WordPress, настольное приложение для рендеринга данных CSV и несколько веб-сайтов. рамки. Давайте проверим их.
HeroPatterns
Коллекция повторяемый рисунок с SVG что вы можете использовать в качестве фона на вашем сайте. Сайт оснащен удобной настройкой для настроить цвет и непрозрачность рисунка и позволяет просто скопировать и вставить код, чтобы добавить в свой CSS.

TestCafe
TestCafe является Сквозной (e2e) инструмент тестирования это позволяет вам тестировать ваши веб-сайты и веб-приложения так, как если бы они использовались реальными пользователями. Это позволит автоматизировать несколько вещей при выполнении теста, включая запуск браузеров, запуск указанного тестового модуля, генерация отчетов, скриншоты, а также исходная карта для устранения ошибок легко.

SugarJS
SugarJS - это библиотека JavaScript для манипулировать объектами, массивами и датами с более приятным и читаемым синтаксисом. Библиотека также поставляется с несколькими полезными функциями, например, .escapeHTML ()
который будет конвертировать элементы HTML в их формат Entity.

МИЗ
Удобная библиотека JavaScript для время поворота, число и обычная строка в миллисекундах. мс ('2 дня')
, например, будет преобразован в 172800000
.

pa11y
Большая коллекция инструментов, чтобы помочь улучшить доступность на вашем сайте и веб-приложения. PA11Y состоит из CLI для тестирования любых веб-страниц на наличие проблем с доступностью, Панель инструментов для отображения сгенерированных отчетов об ошибках и предупреждениях, и CLI, который специально разработан для инструмента CI, такого как Codeship или Travis.

Иконки пера
коллекция икон с современной атмосферой. Эти значки идеально подходят для веб-сайтов и приложений, разработанных для любых платформ (iOS, Windows или Ubuntu). Иконы приходят SVG, а также в компонентах React и Angular.

Реактивный полет
Реактивный модуль для создать анимационную композицию в вашем приложении. Библиотека вдохновлена Принципом для Sketch, в котором вы можете добавить интерактивность в компонент пользовательского интерфейса быстро и легко.

BounceJS
Библиотека для создавать анимацию с эффектом отказов. Анимация основана на CSS3 и ряде предустановленных анимаций. Вы можете установить библиотеку JavaScript через npm, bower или просто скопируйте CSS анимацию генерируется на сайте.

Bojler
Бойлер является фреймворк электронной почты с руководством по написанию HTML-кода это будет правильно отображаться на большинстве популярных почтовых клиентов. Вы можете найти больше рамок электронной почты в нашем предыдущем посте.

Devicon
Коллекция иконки языков программирования, инструменты проектирования и разработки. Иконки доступны в формате SVG и Font. Какой-то конкретный значки, такие как Firefox, AWS и HTML5, также поставляются со своими подробными вариантами. Довольно круто верно?

Теперь UI Kit
Адаптивный интерфейс коллекции на основе Bootstrap 4. Это имеет 50 элементов и 3 пользовательских шаблона. Помимо HTML-версии, интерфейс также предоставляется в форматах PSD и Sketch..

Т-прокрутка
T-Scroll является Библиотека JavaScript для применения анимации когда элемент виден в окне просмотра. Он оснащен несколькими опциями и предустановленными анимациями..

Ой редактор
ORY - это современный и более доступный веб-редактор в сети. Редактор ORY построен на основе React и Flux. Это облегчает редактирование, позволяя пользователям редактировать контент и сразу же видеть результат без необходимости знать специальные синтаксисы, такие как HTML или Markdown.

TadViewer
TadViewer это удобный настольное приложение для просмотра CSV и это работает с большими данными и файлами. Приложение доступно на MacOS, Windows и Linux.

Гладкий свиток, полифилл
Плавная прокрутка оказалась более удобной для пользователей. Это теперь предложено и разработано официально в W3C. На данный момент он работает только в Chrome, Firefox и Opera. Используйте эту библиотеку для эмулировать плавную прокрутку в Internet Explorer и Safari.

Нет, спасибо
Библиотека JavaScript для отображения уведомлений, Noty облегчает показ Alart, Success, Error, Warning, Information или диалогового сообщения. Его можно использовать вместе с библиотекой анимации, такой как mo.js и bounce.js. чтобы уведомление вставлялось и удалялось изящно.

детская игра 'классы'
Классики это проект с открытым исходным кодом, созданный LinkedIn. Это основа, позволяющая разработчикам легко добавлять туры по продукту. Проверьте демо для живого примера и API.

SurveyJS
SurveyJS - еще одна замечательная библиотека JavaScript. Как следует из названия, это предназначен для создания входных данных опроса. Он имеет различные типы ввода для заполнения ответов на опрос и также был портирован на несколько популярных JavaScript-фреймворков включая AngularJS, VueJS и React.

WP GraphQL
GraphQL находится на подъеме и может быть сильный кандидат на замену архитектуры REST это обеспечивает работу практически всех веб-API. Это плагин, который позволит вам получить ваш контент WordPress с GraphQL. Вот отличная справка о том, как REST и GraphQL отличаются друг от друга.

Редактор Монако
Monaco Editor - это редактор, который полномочия визуального редактора кода. Он построен Microsoft и поддерживает несколько языков из коробки, включая HTML, CSS, LESS, CoffeeScript и PHP, а также Intellisense, который помогает быстрее писать код.
