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

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

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

Градиентный Аниматор

CSS3 Gradient позволяет нам создавать градиенты без изображения на нашем сайте без необходимости загрузки каких-либо изображений. Мы даже можем комбинировать его с CSS3 Animation, чтобы получить более привлекательный эффект. Но если код слишком много для вас, используйте более простой маршрут Gradient Animator, чтобы сгенерировать его с хорошим интерфейсом.

SVG Pocket Guide

SVG Pocket Guide составлен Джони Тритхоллом. Это удобный справочник, который проведет вас через основы SVG (такие как создание фигур и текста) вплоть до более сложных функций (таких как создание градиентов, обтравочных контуров и шаблонов). Книга поставляется в формате Markdown и доступна на английском и португальском языках..

Flexbugs

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

Icono

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

Диллинджер

Диллинджер является приятным для глаз редактором Markdown. Здесь вы можете написать в формате Markdown и сразу увидеть результат на вкладке справа. Для вашего удобства Dillinger позволяет вам экспортировать свою работу в HTML, PDF или просто в формат файла Markdown после того, как вы это сделали. Кроме того, вы также можете подключить его к сторонним сервисам, таким как Dropbox и Github, где вы можете сохранить свой файл.

HTML5Up

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

CSS Colors

Вы никогда не задумывались, как называется конкретный цвет? CSS Colors показывает название цвета, а также формат Hex и RGBA для коллекции основных цветов. Это хороший источник, чтобы найти идеальное сочетание цветов для ваших сайтов.

Emmet Re-view

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

TypeGenius

Если вы посмотрите на библиотеку Google Font, вы найдете множество шрифтов с разными лицами, семейством, весом и типами. Следовательно, выбор правильной пары или комбинации шрифтов может быть очень сложной задачей.. TypeGenius делает выбор пар шрифтов простым, быстрым и возможным для широких слоев населения.

SearchCode

Как следует из названия, это поисковая система для поиска кодов или фрагментов кода многих языков программирования, включая JavaScript, C, PHP. Эта поисковая система будет получать результаты из многих источников, таких как Github, Bitbucket и Google Code. Это определенный обязательный инструмент для тяжелых кодеров.