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

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

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

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

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

MARP
Marp — редактор для создания презентаций в Markdown. Он имеет две панели: редактор слева и предварительный просмотр справа, где вы можете просматривать результаты слайдов в режиме реального времени. Он доступен в OS X, Windows и Linux. Это отличная альтернатива раздутому программному обеспечению, такому как PowerPoint.
LightGallery
JavaScript для отображения лайтбокса и галереи изображений. интерфейс лайтбокса оснащен несколькими кнопками, с помощью которых можно увеличивать, уменьшать изображение, загружать изображение и поворачивать изображение на весь экран. Это действительно универсальная библиотека JavaScript в этой категории.
Инструменты разработчика React
React Developer Tools — это расширение Google Chrome, которое позволяет нам декодировать визуализированные компоненты Reacts в браузере. После установки он добавляет новую вкладку в DevTools, где вы можете проверять корень, элементы и компоненты отладки React, как если бы вы использовали обычный HTML.
SharingButtons
SharingButtons — это генератор кнопок обмена. В настоящее время он поддерживает ряд популярных социальных сайтов, таких как Facebook, Twitter и Pinterests. Вывод выгружает раздувания JavaScripts и позже может быть легко настроен через CSS.
дефлектор
Baffle — это библиотека JavaScript, которая добавляет красивый привлекательный эффект к тексту. Мне сложно назвать такой эффект, но он, конечно, выглядит круто. Проверьте демо!
HyperTerm
HyperTerm — это эмулятор терминала, приложение, созданное на основе HTML, CSS и JavaScript. Он модульный, где разработчики могут внести свой вклад, представляя модули, которые добавляют новые функциональные возможности. Приложение в настоящее время доступно только для MacOS.
свес
OverHang.js — это плагин jQuery для отображения мгновенных уведомлений. Плагин настраивается. Вы можете установить текстовое сообщение в уведомлении, цвета и время его появления, прежде чем оно исчезнет.
Grafika
Grafika — это набор функций PHP, который позволяет нам манипулировать изображениями. Мы можем применять фильтры изображений, такие как размытие и сепия. Мы также можем преобразовывать изображения, такие как переворачивание, вращение и изменение размера.
Простая типография
Simple Typography — это библиотека Sass, которая сбрасывает стили оформления, такие как размер шрифта и высота строки. Это еще одна небольшая библиотека, которую вы можете использовать, чтобы сделать текст на вашем сайте красивым и пропорциональным по размеру.
Джекилл Админ
Jekyll — это генератор статических блогов. Это официальный плагин Jekyll, который добавляет редактор GUI для написания сообщений с помощью Jekyll; это делает авторский пост с Jekyll более интуитивным.
Anime.js
Anime.js — это библиотека JavaScript для плавной анимации в Интернете. Это применимо к обычным преобразованиям HTML, SVG, CSS. Найдите полную инструкцию, чтобы максимально использовать ее и некоторые вдохновляющие примеры в документации,
PostLeaf
PostLeaf — это CMS на основе PHP, оснащенная некоторыми удобными встроенными функциями. Редактирование интерфейса, резервные копии, страницы, посты, oEmbed, SEO, навигация — вот те вещи, которые необходимы для облегчения обслуживания веб-сайтов.
Браузеры Логотипы
Полная коллекция всех логотипов браузера. Вы можете найти значки для популярных браузеров, таких как Chrome, Firefox и Internet Explorer, включая значки их мобильных приложений. Вы также можете найти менее популярные браузеры, которые вы, возможно, никогда не слышали раньше, такие как моноколеса, Иридий, а также Orbitum,
wA11y
Плагин WordPress, который поможет нам улучшить доступность веб-сайта. После активации плагин будет оценивать наши сайты с tota11yпредоставлять отзывы о нарушениях, влияющих на доступность, и предлагать решения для их устранения.

Читайте также: 10 нумеронимов, которые должны знать веб-разработчики

Автоматический альтернативный текст
Стоит упомянуть еще один плагин WordPress, который улучшает доступность веб-сайта, добавляя альтернативный текст к изображениям, загружаемым через WordPress Media manager. Сгенерированный «альтернативный» текст работает на Microsoft Computer API,
Multi-диапазон
Библиотека JavaScript, полизаполнение, для многодиапазонного вывода HTML 5.1, который в настоящее время все еще плохо реализован в браузерах. Леа Веру поделилась своей историей этой библиотеки в своем недавнем посте, Представляем Multirange: крошечный polyfill для ползунков HTML5.1 с двумя ручками, который, безусловно, стоит прочитать.
Оплата JQuery
Плагин JQuery, разработанный нашивка, сервис обработки платежей. Этот плагин делает разработку формы кредитной карты менее пугающей. Он поддерживает множество кредитных карт, включая Visa, Master Card Amex, UnionPay и JCB.
Trix Editor
Trix — это WYSIWYG-редактор, который мы можем использовать для создания контента. Развертывание trix быстро и легко расширяется благодаря новым функциям, отвечающим вашим потребностям. Вы можете найти все инструкции в документации встаньте и запустите Trix в своем веб-приложении.
Рецепт блюда
Рецепт представляет собой набор PHP для запуска общих служебных функций, таких как захват изображения Gravatar, генерация QR-кода, преобразование массива в объект и многое другое.
Paperworks
Создание заметок на основе PHP и Angular означает, что вы можете развернуть его на веб-сервере. Это может быть хорошей альтернативой настольному приложению, как Evernote или OneNote — таким образом, чтобы вы могли управлять и настраивать практически все из него, а также хранить свои данные в частном порядке на своем собственном сервере.