Свежие ресурсы для веб-дизайнеров и разработчиков (сентябрь 2016 г.)

Мы вернулись снова с несколькими ресурсами для наших коллег веб-разработчиков. В этом выпуске коллекция довольно разнообразна. У нас в списке есть настольное приложение, несколько веб-приложений, удобные библиотеки PHP и JavaScript и пара плагинов WordPress. Давайте проверим их.

Нажмите для получения дополнительных ресурсов

Найдите всю нашу коллекцию рекомендуемых ресурсов и лучшие доступные инструменты веб-дизайна и разработки.

MARP

MARP редактор для создавать презентации в Markdown. Он имеет две панели: редактор слева и предварительный просмотр справа, где вы можете просматривать результаты слайдов в режиме реального времени. Он доступен в OS X, Windows и Linux. Это отличная альтернатива раздутому программному обеспечению, такому как PowerPoint..

LightGallery

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

Инструменты разработчика React

Инструменты разработчика React это расширение Google Chrome, которое позволяет нам декодировать Reacts визуализированные компоненты в браузере. После установки он добавляет новую вкладку в DevTools, где вы можете проверять корень, элементы и компоненты отладки React, как это было бы с обычным HTML.

SharingButtons

SharingButtons это генератор кнопок обмена. В настоящее время он поддерживает ряд популярных социальных сайтов, таких как Facebook, Twitter и Pinterests. Вывод выгружает JavaScripts раздутых и позже может быть легко настроен через CSS.

дефлектор

дефлектор библиотека JavaScript, которая добавляет хороший привлекательный эффект к тексту. Мне сложно назвать такой эффект, но он, конечно, выглядит круто. Проверьте демо!

HyperTerm

HyperTerm это эмулятор терминала, приложение, построенное на основе HTML, CSS и JavaScript. Он модульный, где разработчики могут внести свой вклад, представляя модули, которые добавляют новую функциональность. Приложение в настоящее время доступно только для MacOS.

свес

OverHang.js это плагин JQuery для показать мгновенное уведомление. Плагин настраивается. Вы можете установить текстовое сообщение в уведомлении, цвета и время его появления, прежде чем оно исчезнет..

Grafika

Grafika это коллекция функций PHP, которая позволяет нам манипулировать изображением. Мы можем применять фильтры изображений, такие как размытие и сепия. Мы также можем преобразовывать изображения, такие как переворачивание, вращение и изменение размера..

Простая типография

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

Джекилл Админ

Jekyll - это генератор статических блогов. Это официальный плагин Jekyll, который добавляет редактор GUI для написания сообщений с помощью Jekyll; это делает сообщение автора с Jekyll более интуитивным.

Anime.js

Anime.js библиотека JavaScript для выполнять плавную анимацию в Интернете. Это применимо к обычным преобразованиям HTML, SVG, CSS. Найдите полную инструкцию, чтобы максимально использовать ее и некоторые вдохновляющие примеры в документации.

PostLeaf

PostLeaf основанный на PHP CMS оснащен некоторыми удобными встроенными функциями. Редактирование переднего плана, резервные копии, страницы, сообщения, oEmbed, SEO, навигация - вот те вещи, которые необходимы для упрощения обслуживания веб-сайтов..

Браузеры Логотипы

Полная коллекция всех логотипов браузера. Вы можете найти значки для популярных браузеров, таких как Chrome, Firefox и Internet Explorer, в том числе значки их мобильных приложений. Вы также можете найти менее популярные браузеры, которые вы, возможно, никогда не слышали раньше, такие как Blisk, Iridium и Orbitum.

wA11y

Плагин WordPress, чтобы помочь нам улучшить доступность на сайте. После активации плагин будет оценивать наши веб-сайты с помощью tota11y, предоставлять отзывы о нарушениях, влияющих на доступность, и предлагать решения для их устранения..

Автоматический альтернативный текст

Стоит отметить еще один плагин WordPress, который улучшает доступность сайта добавление альт текст в изображения загружены через WordPress Media Manager. Сгенерированный “альт” текст основан на Microsoft Computer API.

Multi-диапазон

Библиотека JavaScript, полифилл, для HTML 5.1 мульти-диапазон вывод, который в настоящее время все еще плохо реализован в браузерах. Леа Веру поделилась своей историей, стоящей за этой библиотекой, в своем недавнем посте «Представляем мультидиапазон: крошечный полифилл для ползунков HTML5.1 с двумя ручками, который определенно стоит прочитать».

JQuery Оплата

Плагин jQuery, разработанный Stripe, сервисом обработки платежей. Этот плагин делает разработка формы кредитной карты менее страшно. Он поддерживает множество кредитных карт, включая Visa, Master Card Amex, UnionPay и JCB..

Trix Editor

Трикс это WYSIWYG редактор что мы можем использовать для производства контента. Развертывание trix быстро и легко расширяется благодаря новым функциям, отвечающим вашим потребностям. Вы можете найти все инструкции в документации по настройке и запуску Trix в вашем веб-приложении..

Рецепт

Рецепт это коллекция PHP для запускать общие служебные функции такие как захват изображения Gravatar, создание QR-кода, преобразование массива в объект и многое другое.

Paperworks

создание заметок на основе PHP и Angular Это означает, что вы можете развернуть его на веб-сервере. Это может быть хорошей альтернативой настольному приложению, такому как Evernote или OneNote, таким образом, что вы можете управлять и настраивать практически все из него, и хранить ваши данные в частном порядке на вашем собственном сервере.