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

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

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

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

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

Аликс это Расширение Chrome, которое позволяет вам проверять доступность вашего сайта. После установки и включения плагин добавит оверлейное поле над несколькими элементами на странице. которые ставят предупреждение или ошибки.

AR.js

AR.js это Библиотеки JavaScript в отличие от других. Эта библиотека позволяет нам создавать дополненную реальность, используя веб-технологии, и удивительно быстро работает на мобильных телефонах.

Реагировать тренд

Это реагировать компонент из Unsplash, чтобы создать прекрасный линейный график, как правило, для отображения трендов. Компонент настраивается; Вы можете установить толщину линии, цвет, градиенты и плавность кривой. Вы можете просто использовать графический интерфейс для удобно генерировать код компонента.

Gitee

MacOS-приложение для мониторинга активности Github прямо с вашего рабочего стола, Gitee добавляет новый элемент в строке состояния, показывающий количество звезд, подписчиков и уведомление. Кроме того, вы также можете просматривать графики вашего push и коммитов в репозитории, а также трендовый репозиторий на текущий месяц и неделю. Это Github на рабочем столе в двух словах.

начальная

Goops это удобный CLI, который проанализирует каталог вашего проекта и определить каталоги и файлы для добавления в .gitignore. CLI может быть установлен через NPM. После установки введите начальная и сделано.

Отладка CSS

DebugCSS является Утилита CSS drop-in, которая позволяет анализировать и проверять вывод CSS в браузере. Он работает очень похоже на Alix, когда вы загружаете таблицу стилей debugCSS или используете букмарклет, он выделяет элементы на странице, которые представляют ошибки или предупреждения.

EagleJS

EagleJS является Библиотека JavaScript для создания презентации похож на RevealJS. EagleJS отличается в некоторых отношениях; он построен с использованием Vue.js, JavaScript MVC Framework и использует Pug как система шаблонов для построения слайда.

BootstrapTour

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

Кирпич

Кирпич библиотека JavaScript, предназначенная для создания пользовательского интерфейса веб-приложения. Вы найдете некоторые общие, такие как Календарь, Меню и Форма среди связанных компонентов. Он также поставляется с "Хранение-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 - это отличная командная строка, которую вы можете установить на своем сервере для создания, управления и обновления сертификатов с помощью Let's Encrypt. Применение SSL теперь стало намного проще.

Вафельная сетка

Тем не менее, еще один CSS-фреймворк, построенный с Flexbox, я думаю, вам стоит.