Новое для веб-дизайнера за октябрь 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, который позволяет располагать элементы сайта согласно правилу золотого сечения.

    Метки:
    • +106
    • 69,4k
    • 23
    Поделиться публикацией
    Похожие публикации
    Комментарии 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
        Огромное спасибо! Не знал о такой возможности ранее самого любимого браузера.

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