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

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

Коллекция этого месяца включает в себя интересное бесплатное приложение для скринкастинга, пара платформ, основанных на языке Material Design, пара библиотек для тестирования производительности, CLI и Горстка наших других полезных ресурсов. Итак, давайте проверим их по одному в следующем.

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

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

Kap

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

Sizzy

Шиззи это инструмент для разработки вашего адаптивного сайта в нескольких размерах окна просмотра на одном экране. Это супер удобное приложение по сравнению с Встроенный мобильный эмулятор Chrome. Sizzy также поставляется как расширение Chrome.

Muse UI

Библиотека пользовательского интерфейса, основанная на принципе Material Design Созданный на основе Vue.js 2.0 пользовательский интерфейс Muse содержит такие компоненты проектирования материалов, как панель приложений, карта и диалог. Это просто супер рамки для быстрого создания и запуска пользовательского интерфейса.

Расширенный WP-CLI

Я большой поклонник WP-CLI и используй его почти каждый день в моей работе в качестве разработчика WordPress. Тем не менее, только недавно я узнал, что WP-CLI позволяет вам создать скаффолд PHP UnitTest для темы! Это список расширенного использования WP-CLI из Сопровождающий WP-CLI, Даниэль Бачхубер, сам.

невменяемость

Безумие автономный просмотрщик файлов Sketch для Windows. Он отлично работает с файлом Sketch, который содержит текст, растровые изображения, даже градиенты и тени. Это не требует подключения к интернету, таким образом, разработчики могут работать с файлами Sketch из любого места. А также это совершенно бесплатно.

K6

Скорость имеет значение практически во всех аспектах веб-приложения. Но как вы измеряете скорость вашего сайта? Что ж, ответ К6. Он имитирует трафик на ваш сайт и загружает сайт в течение определенного времени, как если бы это был реальный трафик. Короче говоря, K6 является UnitTest для производительности.

Сервис проверки

Большой список веб-приложений для проверить много вещей, таких как DNS, нагрузка, скорость, SEO, безопасность и SSL. Многие из этих инструментов являются бесплатными, однако, в них перечислены несколько премиальных услуг, которые предложить расширенные возможности для пользователей.

SVGito

Это небольшой веб-инструмент для оптимизировать SVG, сгенерированный из приложения Sketch. Вставьте свой SVG-код на сайт, и он немедленно вернет оптимизированный код.

Launchaco

Найти отличное имя для вашего стартапа это сложно, а получить доступный обработчик имени пользователя в социальных сетях еще сложнее. Launchaco - это удобный инструмент, который позволяет найти доменные имена, имена пользователей для различных социальных сетей, таких как Twitter, Facebook, Instagram и т. д., и поможет вам создать хороший логотип вашего бизнеса.

противный

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

Шпаргалка CSS Grid

Изучение CSS Grid может быть довольно пугающим, когда дело доходит до ряда новых свойств, новый измерительный блок, а также почти полная новая парадигма построить веб-макет. Этот инструмент, как следует из названия, поможет вам оторвитесь от земли с помощью CSS Grid.

рабочая корзинка

Рабочая коробка является новая инициатива Google по созданию Progressive Web App (ПВА). Это похоже на Yeoman или Create React App таким образом, что вы можете получить все и готов в одной строке команды.

MAVO

Mavo - это новый проект с открытым исходным кодом от Lea Verou. Это библиотека, которая превращает голую разметку HTML и несколько настраиваемые атрибуты в работающее веб-приложение. Следить за Mavo проще по сравнению с другими библиотеками, такими как Backbone, Vue.js или React, поскольку это позволяет менее технически грамотные пользователи для создания веб-приложений быстро и легко.

Пользовательский интерфейс материала

Симлар в Muse UI, это Структура пользовательского интерфейса на основе языка Meterial Design. Этот, однако, построен с использованием React. Теперь все зависит от ваших предпочтений; если вы с команда Vue.js или команда React.

Ленивый Имидж

Ленивый Имидж пользовательский HTML-элемент для загрузки изображения по запросу. Этот элемент обычая обеспечивает дополнительный .активный объект внутри объекта элемента, который вы можете использовать для запуска изображения для загрузки в любом событии или пользовательского взаимодействия как вам нужно.

Mac CLI

Это отличный инструмент для управлять MacOS через терминал. Просто наберите Mac обновление обновить MacOS. Или введите Mac презентация который подготовит ваш Mac (сверните все приложения, закройте браузеры, отправляйте файлы с рабочего стола и загрузки в корзину и установить режим «Не беспокоить», прежде чем выдавать презентацию. Как это круто!

Держать тебя бодрствующим

KeepingYouAwake - это утилита строки меню для MacOS запретить вашему Mac переходить в спящий режим в течение заданного времени или пока он активирован. Вы можете установить это приложение, используя Homebrew.

JSON Feed

В заключение! Это стандартная спецификация для доставки контента в формате JSON формат. Уже есть плагин WordPress, созданный для реализации. Это должно облегчить жизнь веб-разработчикам. Давайте просто попрощаться с XML.

углерод

Короче говоря, Carbon - это Moment.js из PHP. Это библиотека PHP для генерации и манипулировать строками даты и времени.

Гонщик

Другая инструмент для тестирования производительности. В то время как K6 будет выполнять нагрузочные тестеры, отправляя пользователей Virutal для имитации посещений и трафика, SpeedRacer будет оценить эффективность рендеринга страницы в браузере. SpeedRacer может стать хорошим компаньоном для K6.