Пресни ресурси за уеб дизайнери и разработчици (юли 2017 г.)
Времето минава и сега сме в средата на 2017 година. В вноската от този месец имаме набор от велики библиотеки на JavaScript и няколко други, като приставка, която позволява на GraphQL в WordPress, десктоп приложение за представяне на CSV данни и няколко уебсайта. рамки. Нека ги проверим.
HeroPatterns
Колекция от повторен модел, направен с SVG които можете да използвате като фон в уебсайта си. Сайтът е оборудван с удобна настройка персонализирайте цвета и непрозрачността на шаблона и ви позволява просто да копирате и поставите кода, за да добавите в CSS.
TestCafe
TestCafe е инструмент за изпитване от край до край (e2e) което ви позволява да тествате уебсайтовете и уеб приложенията си, сякаш се използват от реални потребители. Той ще автоматизира няколко неща, когато извършва теста, включително стартиране на браузъри, стартиране на определена тестова единица, генериране на отчети, снимки на екрани, както и sourcemap за лесно отстраняване на грешки.
SugarJS
SugarJS е JavaScript библиотека към манипулирайте обекти, масиви и дати с по-добър и по-разбираем синтаксис. Библиотеката също така идва с няколко функции, например, .escapeHTML ()
което ще конвертирате HTML елементи в техния формат на Entity.
ГОСПОЖИЦА
Подходяща JavaScript библиотека за време на завъртане, брой и обикновен низ в милисекунди. ms ("2 дни")
, например, ще бъдат преобразувани в 172800000
.
pa11y
Голяма колекция от инструменти, които да ви помогнат да подобрите достъпността на уебсайта си и уеб приложения. pa11y се състои от CLI за тестване на всякакви уеб страници за всякакви проблеми с достъпността, a Таблото за управление за показване на генерирани отчети за грешки и предупреждения, и CLI, който е специално проектиран за CI инструмент като Codeship или Travis.
Икони от перо
А колекция от икони с модерна атмосфера. Тези икони са идеални за уебсайт и приложения, предназначени за всякакви платформи (iOS, Windows или Ubuntu). Иконите идват SVG, както и в компонентите React и Angular.
Реагирайте полет
Реактивен модул към изграждане на анимационен състав във вашето приложение. Библиотеката е вдъхновена от Принцип за скица, в който можете добавете интерактивност към компонент на потребителския интерфейс бързо и лесно.
BounceJS
Библиотека към създаване на анимации с ефект на отскачане. Анимацията се захранва от CSS3 и няколко предварително зададени анимации. Можете да инсталирате JavaScript библиотеката чрез npm, bower или просто копирайте CSS анимацията генерирани в уебсайта.
Bojler
Бойлер е email рамка с насока за писане на HTML код които ще се визуализират правилно на най-популярните имейл клиенти. Можете да намерите повече рамки за електронна поща в предишния ни пост.
Devicon
Колекция от икони на езиците за програмиране, проектиране и инструменти за разработка. Иконите са достъпни във формат SVG и Шрифт. Някои конкретни Икони като Firefox, AWS и HTML5 също идват с техните подробни варианти. Доста хладно?
Сега UI Kit
Интерфейс, отговарящ на колекцията, базиран на Bootstrap 4. Той разполага с 50 елемента и 3 персонализирани шаблона. Освен HTML версията, потребителският интерфейс също е предоставен в PSD и Sketch формати.
Т превъртане
T-Scroll е a JavaScript библиотека за прилагане на анимация когато елемент е видим в екрана. Той е оборудван с няколко опции и предварително зададени анимации.
Редактирайте Ory
ORY е модерен и по-достъпен уеб редактор в мрежата. Редакторът ORY е построен върху React и Flux. Това прави редактирането лесно, като позволява на потребителите да редактират съдържанието и веднага да видят резултата без да се налага да знаете специални синтаксиси като HTML или Markdown.
TadViewer
TadViewer е удобен приложение за настолен компютър, за да видите CSV и работи с големи данни и файлове. Приложението е достъпно на MacOS, Windows и Linux.
Плавно прелистване Polyfill
Smooth Scrolling е доказал, че обслужва по-приятен потребителски опит. Сега той се предлага и изготвя официално в W3C. В момента работи само в Chrome, Firefox и Opera. Използвайте тази библиотека за емулират плавното превъртане в Internet Explorer и Safari.
Не, благодаря
Библиотека на JavaScript за показване на уведомления, Noty улеснява показването на Alart, Success, Error, Warning, Information или диалогово съобщение. Може да се използва заедно с библиотека с анимации като mo.js и bounce.js за да направите уведомлението сладко.
дама
Hopscotch е проект с отворен код, създаден от LinkedIn. Това е рамка, която улеснява разработчиците да добавят продуктови обиколки. Вижте демото за пример на живо и API.
SurveyJS
SurveyJS е друга страхотна JavaScript библиотека. Както подсказва името, това е така предназначени за създаване на входящи данни от проучвания. Той включва различни типове входни данни за попълване на отговорите на изследването и също е пренесен в няколко популярни рамки на JavaScript включително AngularJS, VueJS и React.
WP GraphQL
GraphQL е във възход и може да бъде силен претендент да замени REST архитектурата който захранва почти всички уеб API. Това е плъгин, който ще ви позволи извлечете съдържанието на WordPress с GraphQL. Ето една чудесна справка за това как REST и GraphQL се различават един от друг.
Редактор на Монако
Редактор на Монако е редакторът правомощия Visual Code Editor. Той е изграден от Microsoft и поддържа няколко езика извън полето, включително HTML, CSS, LESS, CoffeeScript и PHP, заедно с Intellisense, която ви помага да пишете код по-бързо.