Свежие ресурсы для веб-дизайнеров и разработчиков (август 2018 года)
Похоже, что в последнее время сообщество разработчиков становится более активным, поскольку за последние несколько месяцев появилось довольно много новых инструментов. В этом раунде серии я выделю некоторые инструменты, которые стоит упомянуть.
Среди списка инструментов есть Библиотека JavaScript для создания фиктивных данных, инструмент для обмена файлами в локальных сетях, и тот, который позволит вам записать сеанс терминала в SVG-анимацию. Звучит круто? Давайте проверим полный список ниже.
Pushbar.js
Это библиотека JavaScript для создания выдвижного ящика. Обычно скользящий ящик используется для отображения навигации по меню сайта, но вы можете использовать эту библиотеку для отображения всего, что подходит для вашего сайта. Pushbar.js является полностью настраиваемый и без зависимостей, не требуется jQuery.
Carbon Now CLI
Carbon CLI - это пакет Node.js для создать скриншот кода красиво через интерфейс командной строки. Этот инструмент создан на основе carbon.now.sh, где вы можете сделать то же самое с помощью приятного графического интерфейса в браузере..
Faker.js
Библиотека JavaScript для создать фиктивные данные. Он поддерживает генерацию большого объема данных, таких как имена, почтовый адрес, название компании, номер телефона, дата и многое другое. Все эти данные могут быть очень полезны для протестируйте свое веб-приложение.
TermToSVG
TermToSVG является Linux терминал записи который отображает ваши сеансы командной строки в анимацию SVG. Это полезный инструмент для разработчиков для написания учебника.
Менеджер резервного копирования базы данных
Это библиотека PHP, и, как следует из названия, она предоставляет набор функций для выполнить резервное копирование и восстановление базы данных. Библиотека поддерживает различные службы для отправки или извлечения резервной копии, в том числе Dropbox, Amazon S3, FTP и SFTP и Rackloud Cloud..
Реактивные биты
React Bits - это огромная коллекция приемов, советов и приемов React.js, в которых рассматриваются общие шаблоны проектирования, стили и советы по производительности. Это действительно отличный ресурс для повышения ваших навыков React.js.
DSS Language
DSS означает Deterministic StyleSheets, новый инструмент разработки CSS. Как это работает и как это можно применить к моей повседневной работе? Я, честно говоря, пока понятия не имею. Но это выглядит круто, и это новое, так что это в списке. Спасибо!
PurgeCSS
PurgeCSS - это пакет NPM, который позволяет оптимизировать вывод CSS в вашем веб-приложении, удалив те, которые не используются. Этот инструмент включает в себя различные встроенные средства поддержки, включая Gulp, Grunt, Grunt, Webpack и PostCSS, так что вы можете интегрировать его в свой проект сразу.
RFS
RFS означает Responsive Font Size и представляет собой интересный проект для решения одной из самых сложных задач в Интернете, то есть сделать размер шрифта отзывчивым, таким образом, что размер будет хорошо соответствовать размеру окна просмотра устройства. RFS доступен как NPM
SimpleBar
SimpleBar - библиотека JavaScript для создания настраиваемой полосы прокрутки. Соответствуйте стилю вашего сайта, используя CSS, как любой другой элемент HTML на сайте. Из-за ограничений платформы и браузера, стилизация полосы прокрутки браузера была сложной, но SimpleBar действительно сделал это простым.
Larastan
Ларастан является оберткой PHPStan для Laravel. PHPStan - это инструмент, который позволит вам проверить ваши коды на наличие возможных ошибок без необходимости написания модульного теста. Он проверяет множество вещей, включая существование вызываемых методов и функций, типы, назначенные свойствам, число и типы, назначенные конструктору класса, и проверку phpDocs..
PWMetrics
PWMetrics - это инструмент, который собирает метрики Progressive Web Apps через интерфейс командной строки, разработанный Полом Айришем. Инструмент работает на Lighthouse и доступен в виде пакета NPM. Он предоставляет множество вариантов настроить показатели, тест производительности, и ожидание, которое вы хотели бы достичь из теста.
Pax
Pax - это пакет JavaScript для скомпилировать модули JavaScript в полезный файл для браузеров. Пакс обещает скорость. Он компилируется быстрее, чем некоторые альтернативные упаковщики. Полностью поддерживает ES6 Импортировать а также экспорт синтаксис и синтаксис CommonJS Импортировать. В отличие от чел написано с Rust и доступно через реестр пакетов Rust под названием Cargo.
SustyWP
SustyWP является Тема WordPress направлена на лучшее дело; уменьшить углеродный след за счет уменьшения его размера до минимально возможного. Это вес всего 7-6kb при загрузке в браузере. Это быстрый и легкий, и в свою очередь, он потребляет меньше ресурсов (например, электроэнергии) для загрузки сайта. Проверьте предысторию темы в этом сообщении Джеком Леноксом.
Библиотека Doodle
коллекция каракули рисунков, В библиотеке Doodle есть множество рисунков, и они сгруппированы в несколько категорий: лица, места, животные и т. д.. Чертежи доступны в формате SVG и распространяются в соответствии с Creative Common Attributions 4.0
Tilt.js
Плагин JQuery для создать фантазию наклон эффект похож на те эскизы предварительного просмотра, которые мы видим на Apple TV. Для этого не нужен дополнительный CSS. Они также предоставляют некоторые примеры реализаций на этой странице, поэтому их использование довольно просто. Убедись, что ты проверить эффект бликов; это действительно здорово.
Fileroom
Fileroom - это веб-приложение для одноранговый обмен файлами в одной сети. Вы можете поделиться файлом с коллегой, просто перетаскивая его мышью независимо от операционной системы. Работает в Windows, MacOS, Linux.
Coolhue
Coolhue - это коллекция отобранных градиентных цветов, которая позволяет вам брать образцы цветовой палитры для приложений Photoshop и Sketch или установите его в свой проект с помощью беседка или же НПМ. Это должно сэкономить вам время, чтобы подобрать цвета для ваших будущих сайтов.
риф
Простая библиотека JavaScript для создания пользовательского интерфейса, Reef не имеет всех наворотов из большой библиотеки, такой как React.js или Vue.js. Но если все, что вам нужно, это визуализировать пользовательский интерфейс, просто ввод данных и шаблон Reef мог бы стать отличной альтернативой. Это вес всего 2Kb
вечнозеленый
Коллекция компонента пользовательского интерфейса из Segment.io. Компоненты довольно разнообразны; Помимо некоторых обычных компонентов, таких как кнопки, значки, ввод текста, есть некоторые, которые, на мой взгляд, являются уникальными для Evergreen, такие как тостер, боковой лист и угловой диалог.
