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

С CLI (интерфейс командной строки) мы можем оптимизировать и автоматизировать рабочие процессы веб-разработки. И именно поэтому в этой части мы включили целый ряд замечательных CLI, которые вы можете установить на свой локальный компьютер или запустить некоторые вещи на сервере.

Кроме того, мы также включили несколько инструментов PHP, надстройки для браузера и библиотеки JavaScript. Давайте проверим их.

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

Guetzli
Новый кодер от Google, позволяющий сжимать изображение до 35% от исходного размера при сохранении качества. Это настоящий прорыв, учитывая, что аналогичные кодеры с открытым исходным кодом, такие как JPEGOptim и jpegtran, ограничены всего лишь 20% в среднем. Я вижу, что для платформы CMS будет несколько приложений и плагинов, интегрирующих Guetzli для оптимизации файлов JPEG.
Дорожная карта разработчика
Как видно из названия, Developer Roadmap – это инфографика путешествия веб-разработчика. Есть три курса Front-end, Back-end и DevOps. Эти дорожные карты похожи на карту; и это отличная ссылка, чтобы увидеть, где мы сейчас находимся, что мы могли упустить и куда мы пойдем дальше.
Netlify CMS
SmashingMagazine недавно сделал смелый шаг, чтобы отказаться от WordPress и попробовать что-то новое с новой CMS под названием Netlify CMS. Это новая CMS, созданная поверх React.js, и может быть интегрирована с любым генератором статических сайтов, таким как Jekyll, Hugo и MiddleMan.
BadSSL
Это веб-сайт для проверки вашей конфигурации SSL. BadSSL – это удобный инструмент для отладки и ошибок по SSL, установленный на вашем сайте.
Alix
Alix – это расширение Chrome, которое позволяет вам проверять доступность вашего сайта. После установки и включения плагин добавит оверлейный блок над несколькими элементами на странице, которые представляют предупреждение или ошибки.
AR.js
AR.js в отличие от других библиотек JavaScript. Эта библиотека позволяет нам создавать дополненную реальность с использованием веб-технологий и удивительно быстро работает на мобильных телефонах.
Реагировать тренд
Это компонент реакции от Unsplash, позволяющий создать прекрасный линейный график, как правило, для отображения трендов. Компонент настраивается; Вы можете установить толщину линии, цвет, градиенты и плавность кривой. Вы можете просто использовать графический интерфейс пользователя удобно генерировать код компонента.
Gitee
Приложение MacOS для мониторинга активности Github прямо с вашего рабочего стола, Gitee добавляет новый элемент в строке состояния, отображающий количество звезд, подписчиков и уведомление. Кроме того, вы также можете просматривать графики ваших push и коммитов в репозитории, а также трендовый репозиторий за текущий месяц и неделю. Это Github на рабочем столе в двух словах.
начальная
Goops – это удобный CLI, который проанализирует каталог вашего проекта и определит каталоги и файлы, которые нужно добавить в .gitignore. CLI может быть установлен через NPM. После установки наберите goops и сделайте.
Отладка CSS
DebugCSS – это встроенная в CSS утилита, которая позволяет анализировать и проверять вывод CSS в браузере. Он работает очень похоже на Alix, когда вы загружаете таблицу стилей debugCSS или используете букмарклет, он выделяет элементы на странице, которые представляют ошибки или предупреждения.
EagleJS
EagleJS – это библиотека JavaScript для создания презентации, аналогичной RevealJS, EagleJS отличается в некоторых отношениях; он построен с использованием Vue.js, JavaScript MVC Framework и использует мопс в качестве системы шаблонов для создания слайда.
BootstrapTour
Библиотека JavaScript для создания всплывающих подсказок с использованием компонента Bootstrap. Всплывающие руководства обычно появляются для нового пользователя, чтобы пройти их через интерфейс приложения, новые функции и для показа советов. Это отличная библиотека, если ваш сайт также построен с помощью Bootstrap.
Кирпич
Brick – это библиотека JavaScript, предназначенная для создания пользовательского интерфейса веб-приложения. Среди связанных компонентов вы найдете некоторые распространенные, такие как Календарь, Меню и Форма. Он также поставляется с компонентом «storage-indexeddb», позволяющим хранить данные на стороне клиента с помощью IndexedDB.
OctoTree
OctoTree – хорошая утилита, которая позволяет просматривать исходные коды и файлы на Github с древовидной структурой, как в IDE или редакторах кода. Он поставляется как дополнение для Chrome, Safari, Firefox и Opera и доступно в их официальном репозитории дополнений. Octotree поддерживает репозиторий Github для частных и корпоративных пользователей.
Github Уведомление
Еще одно полезное расширение Github для Chrome. После установки вы сможете получать уведомления, даже если вы в настоящее время не находитесь на страницах Github. Отличный плагин, если вы хотите оставаться в курсе своих репозиториев.
Deployer
Deployer – это инструмент для развертывания ваших сайтов PHP. Он работает с рядом популярных фреймворков и платформ, включая WordPress, Drupal, Magento, Laravel и CodeIgniter. С помощью этого инструмента вы можете составить свои собственные рецепты, часть команды для запуска во время развертывания. Он поставляется с функцией отката, которая позволяет вам вернуться к предыдущей версии в случае сбоев.
PHPStan
CLI для сканирования файлов PHP на наличие ошибок без выполнения среды выполнения. Это означает, что вам не нужна полноценная PHP-среда для отладки PHP-файлов в вашем проекте.
NGINX Boilerplate
Набор общих конфигураций Nginx, которые включают в себя внутреннее кэширование, ограничение скорости соединения и запросов, а также некоторые другие передовые методы, позволяющие повысить быстродействие вашего сайта и настроить его для увеличения трафика.
пузырчатый
Bubbly – это отличная командная строка, которую вы можете установить на своем сервере для генерации, управления и обновления сертификатов с помощью Давай зашифруем, Применение SSL теперь стало намного проще.