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

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

Натисніть "Більше ресурсів"

Знайдіть всю нашу колекцію рекомендованих ресурсів і найкращі доступні інструменти веб-дизайну та розробки.

Марп

Марп є редактором створювати презентації в Markdown. Він має дві панелі: редактор ліворуч і попередній перегляд справа, де ви можете переглядати вихід слайдів у реальному часі. Він доступний в OS X, Windows і Linux. Це чудова альтернатива роздутому програмному забезпеченню, як PowerPoint.

LightGallery

Для JavaScript відображення зображення лайтбокс і галерея. The інтерфейс lightbox обладнаний декількома кнопками, на яких можна збільшувати масштаб, зменшувати масштаб, завантажувати зображення та перетворювати зображення на весь екран. Це дійсно все-в-одному пакеті JavaScript бібліотека в цій категорії.

Інструменти для розробників

Інструменти для розробників це розширення Google Chrome, яке дозволяє нам розшифровувати Reacts надані компоненти у браузері. Після встановлення він додає нову вкладку в DevTools, де ви можете перевірити кореневі елементи, елементи та налагодити компоненти React, як і звичайний HTML.

SharingButtons

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

Перегородка

Перегородка це бібліотека JavaScript, яка додає привабливий ефект до тексту. Мені важко назвати цей вид ефекту, але це, звичайно, виглядає круто. Перевірте демо!

HyperTerm

HyperTerm є емулятор терміналу, додаток, побудований поверх HTML, CSS і JavaScript. Модульний, де розробники можуть внести свій внесок, представляючи модулі, які додають нові функціональні можливості. Програма наразі доступна лише для MacOS.

OverHang

OverHang.js додатком jQuery показати миттєве сповіщення. Плагін налаштовується. Ви можете встановити текстове повідомлення у сповіщенні, кольори та час його появи.

Графіка

Графіка являє собою набір функцій PHP, що дозволяє нам маніпулювати зображенням. Ми можемо застосовувати фільтри зображень, такі як розмиття і сепія. Ми також можемо трансформувати зображення, такі як перегортання, обертання і зміна розмірів.

Проста друкарня

Проста друкарня є бібліотекою Sass, яка скидає стиль оформлення - наприклад, розмір шрифту та висоту рядка. Це ще одна невелика бібліотека, до якої ви можете скористатися зробити текст на вашому сайті красивим і пропорційним розміром.

Jekyll Admin

Джекіл - це статичний генератор блогу. Це офіційний плагін Jekyll, який додає графічний редактор для написання повідомлень за допомогою Jekyll; це робить пост автора з Jekyll більш інтуїтивним.

Anime.js

Anime.js є бібліотекою JavaScript для виконувати анімацію рідини в Інтернеті. Він застосовний до звичайних HTML, SVG, CSS Transformations. Знайдіть повну інструкцію, щоб скористатися більшістю її та деякими надихаючими прикладами в документації.

PostLeaf

PostLeaf на основі PHP CMS обладнані деякими зручними вбудованими функціями. Фронт-енд редагування, резервне копіювання, сторінки, публікації, oEmbed, SEO, навігація, які є необхідними, що полегшують роботу з підтримкою веб-сайтів.

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

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

wA11y

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

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

Інший плагін WordPress варто згадати, що покращує доступність сайту додавання alt текст до зображень завантажено через медіа-менеджер WordPress. Створений “alt” текст працює на Microsoft Computer API.

Багатодіапазонний

Бібліотека JavaScript, поліфіл, для HTML 5.1 багатоканальний Вихід, який в даний час все ще погано реалізований у браузерах. Леа Веру поділилася своєю історією за цією бібліотекою у своєму недавньому пості: Представляючи Multirange: крихітну поліфлайн для HTML5.1 з двома ручками, які, безумовно, варто прочитати.

jQuery Оплата

Плагін jQuery, розроблений компанією Stripe, службою обробки платежів. Цей плагін робить розробка форми кредитної картки менш страшний. Він підтримує численні кредитні картки, включаючи Visa, Master Card Amex, UnionPay і JCB.

Trix Editor

Trix є Редактор WYSIWYG що ми можемо використовувати для створення вмісту. Розгортання trix є швидким і легко розширюється з новими функціональними можливостями для задоволення ваших потреб. Ви можете знайти всі інструкції в документації і запустити Trix у вашому веб-додатку.

Рецепт

Рецепт - це колекція PHP для виконувати загальні функції корисності такі як захоплення зображення Gravatar, генерування QR-коду, перетворення масиву в об'єкт і багато іншого.

PaperWorks

A нотатка, побудована поверх PHP і Angular це означає, що ви можете розгорнути його на веб-сервері. Це може бути гарною альтернативою настільним програмам, таким як Evernote або OneNote, таким чином, що ви можете керувати та налаштовувати практично все, що з нього, і зберігати свої дані в особистому сервері.