Лого www.SiteHere.ru

Свежие сервисы и приложения для дизайнеров и разработчиков

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

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

Также интересные статьи, где я рассматривал другие полезные сервисы:

1. LiteIcon

На самом деле это приложение, а не сервис, но всё же хочется сказать несколько слов о нем. LiteIcon порадует обладателей Mac OS. С помощью данного приложения LiteIcon можно очень легко сменить иконку любой программы. Также можно изменить иконку не только какого-либо приложения, но также иконку любой папки, включая системные папки: системный файловый менеджер, корзина и иконки дисков. Для этого лишь необходимо запустить приложение, перетащить понравившуюся иконку, и всё, готово.

LiteIcon

2. Social Kit

Social Kit является плагином для Photoshop, который позволяет проектировать страницы профилей из социальных сетей. Каждый блок находится на отдельном слое, что очень удобно.

Данный плагин содержит следующие шаблоны профилей социальных сетей: Facebook, Google, Twitter, Youtube и Social buttons.

Social Kit

3. Magnific Popup

Magnific Popup является jQuery плагином для создания гибких всплывающих диалоговых окон. Данный эффект можно применять не только к какому-либо блоку, но также и для изображений или целой галереи, видео из Youtube, карт Google Maps. Данный плагин хорошо работает на мобильных устройствах.

Magnific Popup

4. Story Engine

Story Engine является потрясающим плагином для создания интерактивных и многофункциональных тем, для публикации рассказов. С помощью данного плагина можно легко вставить интерактивные элементы на страницу. Вот полный перечень из 12 пунктов:

  • Audio – вывод аудиоплеера;
  • Video – вывод видео с поддержкой Kickstarter, Viddler, YouTube, Vimeo, Daily Motion и Blip.TV;
  • Content – можно вывести фоновое изображение, разбить контент по столбцам как в газете;
  • Character – вывод изображений(или аватарок) персонажей, чтобы напомнить читателям о ключевых персонажах рассказа;
  • Galleries – создание и управление многочисленными галереями;
  • Image – вывод изображений и заголовков со всплывающими окнами;
  • Locations – позволяет выводить маршрут персонажа с картой, добавлять маркеры и произвольных сообщения.
  • Parallax – позволяет выводить полноэкранные изображения с заголовком;
  • Quote – вывод полноэкранных цитат с крупным текстом
  • Timeline – очень удобный элемент, который висит в нижней части и работает по аналогии с главами;
  • Collections – загрузка PDF или изображения, которое отображается, когда пользователь кликает по компоненту;
  • Document Viewer – используется на странице сайта и позволяет отображать рассказа из определенной коллекции
Story Engine

5. Blueimp Gallery

Blueimp Gallery является также jQuery плагином для создания видео-галерей и галерей состоящих из изображений и всплывающих окон. Он написан на основе плагина Swipe.js.

Blueimp Gallery

6. SpinKit

Spinkit представляет собой набор индикаторов загрузки. Вы можете выбрать понравившийся, нажать на кнопку «Source», которая находится вверху и получить готовый CSS и HTML код для вставки на ваш сайт. Индикаторы написаны на CSS3 с помощью ключевых кадров «@keyframes». Но вы также можете сделать запасной вариант с помощью Javascript, для этого необходимо посетить данный сайт за дополнительными инструкциями.

SpinKit

7. Flatastic

Flatastic — это большая коллекция элементов пользовательского интерфейса мобильных приложений, таких как: календарь, погода, кнопки, медиаплеер, навигация и красивые иконки.

Flatastic
Рейтинг статьи

Понравилась статья - расскажи друзьям! :)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *