Comments 21
У меня есть подборки за летние месяцы, делал для себя, если пользователям хабра интересно, могу и их выложить.
Хорошая статья, спасибо!!!
Сервис с инфографикой — вери гуд! Большое спасибо!
А есть еще пример таких сервисов, в т.ч. платные?
А есть еще пример таких сервисов, в т.ч. платные?
Можно еще отметить появившийся в сентябре сервис cropme.ru, который сочетает в себе возможности gyazo, онлайн-рисовалки и инструмента для создания бизнес-линчей.
Easel.io — отличный сервис для прототипирования прямо в браузере.Да в нём можно сразу дизайн рисовать (есть добавление эффектов, редактирование текста, загрузка изображений) и получить всё в HTML и CSS. Потыкайте демонстрацию! Ещё бы экспорт в многослойные форматы :)
«Golden Grid System — удобная сетка для тестирования адаптивного дизайна» — в первую очередь, сетка для создания, а не только для тестирования. Еще можно было упомянуть, что автор сетки Joni Korpi, создатель less — по-моему, это важно.
Easel.io — это просто гениально! Мало того, что работает быстрее пресловутого Balsamiq, так ещё и позволяет за пару часов в одно лицо нарисовать несложный, но очень качественный веб-дизайн и экспортировать его в HTML+CSS. Это просто Вау :)
А ещё там работают все фотошоповские шорткаты)
А ещё там работают все фотошоповские шорткаты)
А что я делаю неправильно с Easel.io что положенный на прямоугольную фигуру текст не экспортируется? Если текст разместить не над фигурой — все хорошо.
Хм, я тоже, видимо что-то делаю неправильно :)
Похоже на баг. Давайте напишем разработчикам. Вроде бы их всего двое, могут быстро исправить.
Похоже на баг. Давайте напишем разработчикам. Вроде бы их всего двое, могут быстро исправить.
Отличная идея!
Я уже написал. Думаю, мы не единственные столкнувшиеся с этой проблемой — будем надеяться, что поправят.
Я уже написал. Думаю, мы не единственные столкнувшиеся с этой проблемой — будем надеяться, что поправят.
Возможно кому-нибудь пригодится следующий хак, позволяющий избежать описанной выше неприятности:
Если текстовое поле вытянуть по ширине примерно на 10px(или больше) за пределы контейнера, то оно нормально экспортируется.
И кажется самым разумным вариантом — самостоятельно в получившийся экспортированный код добавить необходимые элементы не полагаясь полностью на сервис.
Если текстовое поле вытянуть по ширине примерно на 10px(или больше) за пределы контейнера, то оно нормально экспортируется.
И кажется самым разумным вариантом — самостоятельно в получившийся экспортированный код добавить необходимые элементы не полагаясь полностью на сервис.
остальное здесь
Спасибо за кладезь! :)
Многое уже знал, но, например moqups.com/ оказался приятным сюрпризом. На удивление, это бесплатный сервис работает быстрее, чем Balsamiq, за который я заплатил 80$ :-)
Многое уже знал, но, например moqups.com/ оказался приятным сюрпризом. На удивление, это бесплатный сервис работает быстрее, чем Balsamiq, за который я заплатил 80$ :-)
по поводу 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;
}
Sign up to leave a comment.
Новое для веб-дизайнера за сентябрь 2012