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

[@grokru]

У меня есть подборки за летние месяцы, делал для себя, если пользователям хабра интересно, могу и их выложить.

[@kagen]

Интересно)

[@snater]

Выкладывайте, конечно) Классные сервисы, некоторые вообще вижу в первый раз. Спасибо.

[@lebowski]

Да, только оформить их советую не как «подборка за летние месяца», а как тематическую подборку по конкретной теме

[@alexa_m]

Конечно выкладывайте! Будем ждать!)

[@Leningradez]

Хорошая статья, спасибо!!!

[@rdin]

Сервис с инфографикой — вери гуд! Большое спасибо!
А есть еще пример таких сервисов, в т.ч. платные?

[@a11aud]

Можно еще отметить появившийся в сентябре сервис cropme.ru, который сочетает в себе возможности gyazo, онлайн-рисовалки и инструмента для создания бизнес-линчей.

[@arsenty]

Easel.io — отличный сервис для прототипирования прямо в браузере.

Да в нём можно сразу дизайн рисовать (есть добавление эффектов, редактирование текста, загрузка изображений) и получить всё в HTML и CSS. Потыкайте демонстрацию! Ещё бы экспорт в многослойные форматы :)

[@syno]

«Golden Grid System — удобная сетка для тестирования адаптивного дизайна» — в первую очередь, сетка для создания, а не только для тестирования. Еще можно было упомянуть, что автор сетки Joni Korpi, создатель less — по-моему, это важно.

[@syno]

Фигню сказал, про создание…

[@Dyz]

Easel.io — это просто гениально! Мало того, что работает быстрее пресловутого Balsamiq, так ещё и позволяет за пару часов в одно лицо нарисовать несложный, но очень качественный веб-дизайн и экспортировать его в HTML+CSS. Это просто Вау :)

А ещё там работают все фотошоповские шорткаты)

[@KwI]

А что я делаю неправильно с Easel.io что положенный на прямоугольную фигуру текст не экспортируется? Если текст разместить не над фигурой — все хорошо.

[@Dyz]

Хм, я тоже, видимо что-то делаю неправильно :)
Похоже на баг. Давайте напишем разработчикам. Вроде бы их всего двое, могут быстро исправить.

[@KwI]

Отличная идея!
Я уже написал. Думаю, мы не единственные столкнувшиеся с этой проблемой — будем надеяться, что поправят.

[@Dyz]

Думаю, поправят. Ночью они, судя по всему, выкатили обновление — в панели элементов добавились новые!

[@KwI]

Возможно кому-нибудь пригодится следующий хак, позволяющий избежать описанной выше неприятности:
Если текстовое поле вытянуть по ширине примерно на 10px(или больше) за пределы контейнера, то оно нормально экспортируется.

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

[@Dyz]

Имеется ввиду за пределы прямоугольника, на котором мы располагаем текст? Спасибо.
Но будем надеятся, что ребята быстро исправят баг, так как сервис по задумке своей великолепен. Да и код при экспортировании выдает нормальный (на первый взгляд, не тестировал).

[@EXSlim]

остальное здесь

[@Dyz]

Спасибо за кладезь! :)
Многое уже знал, но, например moqups.com/ оказался приятным сюрпризом. На удивление, это бесплатный сервис работает быстрее, чем Balsamiq, за который я заплатил 80$ :-)

[@dnv777]

по поводу On/Off Switch
нужно его немного допилить, чтоб нормально смотрелся рядом с текстом

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
     /*добавляем:*/
  display: inline-block;
  text-align: left ;/*чтоб не корячило если контейнер имеет text-align:right*/
  /*для  осликов не понимающих vertical-align, делаем центрирование, в зависимости от высоты:*/
  margin-bottom: -5px;
}