Пользователь
0,0
рейтинг
1 ноября 2012 в 00:03

Разработка → Новое для веб-дизайнера за октябрь 2012

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

Сервисы и инструменты


Cut&Slice me — бесплатный плагин для фотошопа, который помогает быстро готовить элементы дизайна для различных типов устройств.



Webplatform.org — огромная база документации по всем веб-технологиям от Apple, Adobe, Facebook, Google, HP, Microsoft, Mozilla, Nokia, и Opera.



Mobile Mozaic — галерея отличных интерфейсов приложений для мобильных устройств.



Ribbon Builder — сервис для быстрого создания красивых лент-нашивок.



Viewport Resizer — инструмент в виде букмарклета для быстрого тестирования адаптивного дизайна.



Endless Icons — сайт, где ежедневно появляются качественные иконки, выдержанные в едином стиле.



World Cloud Generator — сервис по созданию красивого облака из ключевых слов.



Responsive Sketchsheets — PDF-заготовки от ZURB для быстрого прототипирования адаптивного дизайна на бумаге.



Simply Testable — сервис валидации сайтов с интерфейсом на Twitter Bootstrap. Проверяет много страниц.



Плагины


jBar — плагин для создания простого и красивого горизонтального бара.



Pikaday — плагин для выбора даты.



Sly — гибкий и простой плагин для создания удобного скролла изображений.



Spin.js — полезный плагин для создания загрузочной «крутилки» нужного размера и формы.



SEP Tooltipster — jquery-плагин, помогающий быстро создавать красивые всплывающие подсказки.



Бесплатные плюшки


OCT Application Icon Set — набор из 120 иконок для приложений в форматах png, psd, csh.



Подборка фоновых текстур и паттернов для фотошопа и иллюстратора. И еще одна подобная подборочка.



Шрифт JWH от Димы Бага



Prosto — классный шрифт от Павла Емельянова и Ивана Гладких.



Ligature Symbols — иконочный шрифт с 200+ символами в форматах SVG, EOT, TTF, WOFF от Kazuyuki Motoyama.



Отличные макеты устройств с разным разрешением экранов для демонстрации адаптивного дизайна.



Необычные иконки жестов на тачскринах.



Бесплатный качественный UI кит.



Golden Bootstrap — набор less-правил для Bootstrap, который позволяет располагать элементы сайта согласно правилу золотого сечения.

@grokru
карма
407,0
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Спецпроект

Самое читаемое Разработка

Комментарии (23)

  • 0
    Так и не понял, как использовать Viewport Resizer.
    Таких сервисов уже достаточно много. Мне нравится этот.
    • +1
      Нужно добавить ссылку в панель быстрого доступа. По нажатию будет сверху появлятся панелька по выбору нужного разрешения. Получается быстрее чем у Quirktools.
  • +9
    Всё в избранное и в избранное. А где время найти почитать :(
  • +1
    >> Sly — гибкий и простой плагин для создания удобного скролла изображений
    Хорош, и не только для изображений, только поддержки мобильных девайсов для полного счастья не хватает
  • +2
    еще больше для frontend, дизайна и не только в pinterst-like оболочке
  • +1
    Особая благодарность за Simply Testable, отличное дополение к audit.megaindex.ru
    • 0
      Жаль, что сейчас аудит мегаиндекса выдает ошибку БД:
      Error Number: 1146

      Table 'megaindex_server.users_roles_id' doesn't exist

      Line Number: 263
      • 0
        С ним бывает… Зато бесплатно :)
  • +2
    Спасибо за Cut&Slice me, просто отлично — существенная экономия времени при подготовки картинок для верстки, удобнейшая штука.
  • +1
    Использую этот ресайзер для адаптивной верстки, очень добротно сделан lab.maltewassermann.com/viewport-resizer/
  • +1
    Шрифт JWH от Димы Бага


    Если скачать архив и смотреть, то там в файле «read me.txt» сказано вот что:

    Шрифт распространяется только для личного пользования.

    При использовании шрифта в коммерческих целях вы должны купить его у автора.

    Это совсем не тот уровень пользы, который у следующего упомянутого Вами шрифта — «Prosto», который распространяется свободно с февраля нынешнего года.
  • 0
    thenounproject.com/
    Очень много векторных иконок и пиктограмм.
  • 0
    В опере что-то не работают Ligature Symbols
    image
  • 0
    За информацию о библиотеке Sly — отдельное спасибо. Очень давно искал подобные качественные скроллы!
  • 0
    Подскажите пожалуйста недавно не Хабре обсуждался инструмент — для создание background (2-ух задних фонов), к сожалению потерял ссылку.
    • 0
      • 0
        Нет, это совсем старый топик. Не давно был топик про сервис генерации 2 фонов.
        • 0
          habrahabr.ru/post/148639/ — ну все за вас сделал )
          • 0
            Вот интересно за что минусуют? Человек попросил помощи — помог называется )
            • 0
              Я не знаю, за что минус. Но увы это не то, топик за июль. А топик был наверно за октябрь. Спасибо, за помощь.
  • 0
    Спасибо за подборку! В Delicious однозначно. +1 (маленькая карма пока голосовать не дает :)).
  • 0
    Кстати, для тестирования адаптивного дизайна в Firefox встроен инструмент, открывается по Ctrl+Shift+M.
    • 0
      Огромное спасибо! Не знал о такой возможности ранее самого любимого браузера.

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