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

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

В этой статье мы рассмотрим специальную поисковую систему для поиска фрагментов кода, очень полезную ссылку для решения проблем в модуле Flexbox и инструменты разработки для лучшего управления цветом, гарнитурой и градиентами.
Градиентный Аниматор
CSS3 Gradient позволяет нам создавать градиенты без изображения на нашем сайте без необходимости загрузки каких-либо изображений. Мы даже можем комбинировать его с CSS3 Animation, чтобы получить более привлекательный эффект. Но если код слишком много для вас, используйте более простой Градиентный Аниматор маршрут для создания одного с приятным интерфейсом.
SVG Pocket Guide
Карманный справочник SVG составлен Джони Тритхоллом. Это удобный справочник, который проведет вас через основы SVG (такие как создание фигур и текста) вплоть до более сложных функций (таких как создание градиентов, обтравочных контуров и шаблонов). Книга поставляется в формате Markdown и доступна на английском и португальском языках.

Читайте также: Больше постов о SVG (масштабируемая векторная графика)

Flexbugs
Flexbox – очень многообещающий новый модуль в CSS3, который полностью изменит их способ создания веб-макетов. Однако это также идет с собственными проблемами совместимости браузера. Этот репозиторий, Flexbugs, представляет собой набор этих ошибок и обходных путей их устранения. Это очень полезный ресурс для всех, кто живет на переднем крае Интернета.
Icono
Удивительно, чего мы можем достичь с помощью всего лишь CSS, например создать полностью презентабельную иконку, используя только один элемент. Icono – это библиотека, которая делает это. В этой библиотеке вы найдете коллекцию знакомых иконок, выполненных только с одним элементом, и CSS. Эти значки будут загружаться быстрее и более настраиваемы, чем значки на основе изображений.
Диллинджер
Dillinger – это приятный для глаз редактор Markdown. Здесь вы можете написать в формате Markdown и сразу увидеть результат на вкладке справа. Для вашего удобства Dillinger позволяет вам экспортировать свою работу в HTML, PDF или просто в формат файла Markdown после того, как вы это сделали. Кроме того, вы также можете подключить его к сторонним сервисам, таким как Dropbox и Github, где вы можете сохранить свой файл.
HTML5Up
HTML5Up – это коллекция бесплатных шаблонов на основе HTML5. Вы можете найти несколько макетов, которые обслуживают различные типы веб-сайтов: бизнес, портфолио или просто блог. Все шаблоны отзывчивы, а также обеспечивают приятный контент и макет сайта при различных размерах экрана.
CSS Colors
Вы никогда не задумывались, как называется конкретный цвет? CSS Colors отображает название цвета, а также формат Hex и RGBA для коллекции основных цветов. Это хороший источник, чтобы найти идеальное сочетание цветов для ваших сайтов.
Emmet Re-view
Повторный просмотр – это расширение Chrome, которое анализирует запросы @media вашего сайта и отображает ваш сайт в каждой из точек останова, указанных в каждом запросе @media. Если вы ищете инструмент, который мог бы сэкономить немного времени при тестировании адаптивных веб-сайтов, то этот инструмент вам нужен.
TypeGenius
Если вы посмотрите на библиотеку Google Font, вы найдете множество шрифтов с разными лицами, семейством, весом и типами. Следовательно, выбор правильной пары или комбинации шрифтов может быть очень сложной задачей. TypeGenius делает выбор пар шрифтов простым и быстрым и возможным для широких слоев населения.
SearchCode
Как следует из названия, это поисковая система для поиска кодов или фрагментов кода многих языков программирования, включая JavaScript, C, PHP. Эта поисковая система будет получать результаты из многих источников, таких как Github, Bitbucket и Google Code. Это определенный обязательный инструмент для тяжелых кодеров.