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

В этой статье мы представляем список структур и инструментов, ориентирован на веб-разработку. Интересно, что я обнаружил, что некоторые из этих инструментов и платформ принадлежат гигантским корпорациям, таким как Microsoft и Alibaba..

Это хороший знак, так как все больше компаний в настоящее время вносят свой вклад в открытый исходный код и помогают улучшить Интернет. Давайте посмотрим на то, что в магазине для этого месяца сборник.

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

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

CuteStrap

Каркас пользовательского интерфейса, построенный поверх Sass. Он поставляется со всеми наиболее распространенными веб-интерфейсами, такими как формы, навигация и кнопки, которых должно быть достаточно во многих случаях. Если вы найдете популярные фреймворки, такие как Bootstrap и Foundation, подавляющим, Cutestrap может быть отличной альтернативой для вас.

HTML5 тест

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

Браузер калорий

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

Weex

Weex Alibaba - это платформа для создания мобильных приложений с использованием только HTML, CSS и JavaScript. Он поставляется с модулями, компонентами пользовательского интерфейса, собственными DevTools и CLI, предназначенными для мобильной среды и ускорения разработки..

Microsoft Web Framework (MWF)

Фреймворк от Microsoft, компоненты пользовательского интерфейса в MWF построен на основе языка современного дизайна Microsoft: плоский, чистый и минималистичный. Эта структура, помимо компонентов пользовательского интерфейса, также дает указания по использованию цветов, типографики и анимации. Я думаю, что Material Design Lite наконец встретил равного соперника.

Жизненно важный

Жизненно важный это фреймворк с очень приятным минимальным интерфейсом. Это легкий, не имеет JavaScript и изначально Rogue - синтаксический хайлайтер на основе Ruby.

Fontea

Fontea бесплатное расширение Photoshop для простого управления и применения сотен шрифтов Google. Вы можете искать шрифт внутри Photoshop, просматривать и применять шрифт прямо в свой дизайн - оптимизируя рабочий процесс.

изморось

Это инструмент, который позволяет вам создавать шаблоны пользовательского интерфейса или руководство по стилю для вашего сайта. Он будет генерировать такие вещи, как цвета, основные стили или макет для компонентов, а также фрагмент кода. Генератор руководства по стилю, как изморось позволит вам оставаться в соответствии со стилями вашего сайта.

интеркулер

InterCoolerJS это библиотека JavaScript, которая делает применение AJAX на вашем сайте таким же простым, как добавление атрибутов HTML. Он содержит обширное руководство и множество примеров, которые помогут вам начать использовать инструмент.

Picla

Picla плагин jQuery для отображения меток изображения, извлеченных из изображения альт приписывать. Он предоставляет несколько опций, позволяющих добавить пользовательский стиль и движение к метке. Picla может быть установлена в зависимости от вашего сайта с Bower.

IziModal

Вот плагин jQuery, чтобы показать модальный всплывающие окна. IziModal имеет много вариантов для персонализации. Вы можете, например, настроить анимацию, текстовое содержимое, цвета. Это легкий, отзывчивый и готовый к сетчатке.

MegaBoilerplate

MegaBoilerplate генератор для быстрой настройки стека разработки Перейдите на веб-сайт и выберите, какие инструменты и библиотеки (Node.js, HTML5, Vanilla JavaScript и Electron) вы будете использовать в качестве базы вашего сайта. Он скомпилирует и настроит все, что вам нужно, в заархивированном пакете, готовом к загрузке.

ревун

Библиотека JavaScript для отображения современного аудиоплеера с использованием Web Audio API, ревун работает в таких старых браузерах, как IE9, и поддерживает множество аудиокодеков, таких как MP3, WEBM, WAV. Множество функций, модульных и работает без внешней библиотеки.

SuperEmbed

SuperEmbed это крошечная библиотека JavaScript, которая делает встроенные объекты отзывчивыми, сохраняя при этом исходное соотношение. Он поддерживает широкий спектр источников, включая Youtube, Flickr, Vine, VideoPress и DailyMotion. Посмотреть демо.

CleaveJS

раскалывать библиотека JavaScript, которая автоматически форматирует значения во входных данных Он может, например, добавить разделитель тысяч в поле ввода валюты, добавить пробел в поле ввода номера кредитной карты или добавить / в дате ввода. Используйте эту библиотеку, чтобы обеспечить лучший пользовательский опыт.

Листать типичный

FlippingTypical позволяет просматривать все шрифты, установленные в вашей системе. Я считаю это приложение более удобным, чем использование FontBook приложение в macOS. Я набираю произвольный текст и вижу, какие из шрифтов в моей системе выглядят лучше всего.

LightTable

Новая IDE, которую, я думаю, стоит изучить. Он начался как проект KickStarter, поддержанный Мэттом Малленвегом (основатель WordPress), и, наконец, стал открытым исходным кодом. Вы можете посмотреть это видео, чтобы получить представление о том, насколько крута эта среда..

компрессор

компрессор это веб-приложение, которое сжимает файлы изображений до самых маленьких размеров без потери качества изображения. Он также поддерживает JPG, GIF, PNG и SVG. Это приложение бесплатно.

Сканирование сайта Microsoft

Это удобный инструмент от Microsoft для анализа вашего веб-сайта на предмет таких проблем, как совместимость браузера и доступность. Инструмент отобразит отчет о том, что что-то не так с вашим сайтом, и о том, как вы можете решить проблему. Попробуй!

Отключить ведение блога

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