asd asdsa f
Разное

Полезные ресурсы для дизайнеров и разработчиков

4

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

0.1 App Icon Template
Недавно мы рассказывали вам о том, как создавать иконки для ваших приложений с помощью сторонних приложений. С другой стороны, вы можете воспользоваться App Icon Template. Этот PSD-шаблон предлагается вместе с actions для Photoshop, и позволяет конвертировать ваши дизайны в совместимы с iOS форматы, как для Retina, так и для обычных экранов.

02. Touch Swipe

traffic-9

Сегодня большинство устройств комплектуются сенсорными экранами, и поэтому разработчики сайтов стремятся внедрить в свои проекты поддержку сенсорного управления сайтом. Для этого мы сегодня предлагаем вам jQuery-плагин под названием Touch Swipe — он позволяет определять сенсорные действия, осуществляемые в отношении вашего сайта. Этот плагин поддерживает несколько жестов, включая перелистывание, щепотку и масштабирования.

03. Spectagram

traffic-10

Ранее мы уже рассказывали вам о том, как можно разработать мгновенный поиск по Instagram с помощью Instagram API. Сегодня мы предлагаем вам готовый к использованию JQuery плагин под названием Spectagram. Spectagram использует Instagram API для отображения результатов на вашем сайте или внутри вашего приложения. На данный момент он поддерживает функции отображения новостной ленты с Instagram, популярные фотографии, а также фотографии, на которые были проставлены соответствующие теги.

04. Mou

traffic-11

MarkDown — это язык форматирования обычного текста, который можно конвертировать в HTML-разметку. Мы можем писать в формате MarkDown используя при этом любой текстовый редактор, или воспользоваться специальным редактором под названием Mou. Mou предлагает функции выделения фрагментов кода, автоматического сохранения, а также возможность экспортировать HTML и CSS-коды и многое другое. Интерфейс достаточно простой и понятный, он состоит всего из 2 колонок. Вы можете писать код в формате MarkDown в левой, и мгновенно просматривать результат в правой колонке. К сожалению, на данный момент Mou поддерживается в OSX.

05. jQuery Mention Input

traffic-12

Если вы используете Twitter или Facebook, то вы наверняка знакомы с «воспоминаниями». С помощью этой функции мы можем указывать никнеймы своих друзей в твитах или записях — частенько это реализуется с помощью знака «@». Если вы хотите (или вам нужно) создать подобный функционал на вашем сайте, то можете воспользоваться плагином под названием jQuery Mention Input. Для запуска этого плагина вам понадобится jQuery версии 1.6 и Underscores.js. Если вам нужно больше детальной информации, то вам следует пройти на эту страницу.

06. Blokkfont

traffic-13

Blokkfont является шрифтом для очерков и разработки проектов, который содержит в себе только квадратные и прямоугольные фигуры вместо символов. Если вам не нравится общепринятая практика использования текста Lorem Ipsum, то этот шрифт будет вам отличной альтернативой. Он доступен в формате шрифта настольных ПК (.ttf), а также как веб-шрифт.

07. Comix.io

traffic-14

Теперь вам не нужно быть художником, чтобы рисовать отличные комиксы. Вы можете просто воспользоваться Cmx (читай Comix) — веб-редактором для создания комиксов в стиле xkcd. В результате вы получите не просто изображения, а HTML-код с SVG-графикой. 08. Roole

traffic-15

Roole представляет собой CSS-препроцессор на базе javascript. Здесь есть список свойств, которые были разработаны под вдохновением от других препроцессоров (LESS, Sass и Stylus): вложенные правила, переменные, миксины, функции, операции и многое другое. Roole предлагает нам встроенные браузерные префиксы, с помощью которых мы запросто можем создавать комплексные CSS3-правила.

09. Hint

traffic-16

Hint есть CSS-библиотекой, которая содержит набор правил стилизации для создания простых подсказок. Подсказки создаются с помощью CSS3 Transition, псевдо-элемента и атрибута data. Это отличная альтернатива подсказкам на JS. Пройдите на следующую страницу, чтобы увидеть Hint.css в действии.

10. Modern.ie

traffic-17

About the author / 

Adam