Домашняя » Веб-дизайн » Свежие ресурсы для веб-дизайнеров и разработчиков (июль 2017 г.)

    Свежие ресурсы для веб-дизайнеров и разработчиков (июль 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, который помогает быстрее писать код.