Как стать автором
Обновить

Комментарии 48

Совместимо ли с Twitter Bootstrap?

И не хотите разработку перенесли на github?
А, прошу прощения, не заметил что топик — перевод…
Скинул ссылку автору фреймворка, думаю, он ответит на ваш вопрос.
Скинул ссылку на пост автору фреймворка, думаю, он ответит на ваш вопрос.
НЛО прилетело и опубликовало эту надпись здесь
Первый раз слышу чтоб .psd называли фреймворком.

Видимо, веб-дизайнеры не отстают от своих собратьев по цеху — от нас веб-разработчиков, в любви к модным словечками, типа «фреймворк».
НЛО прилетело и опубликовало эту надпись здесь
Я не осуждаю правильно или неправильно. Это дело веб-дизайнеров, а я, как программист, стараюсь как можно меньше лезть в их работу, включая обсуждение их терминологии.

В данном случае я просто очень удивлен, т.к. никогда не слышал использования слова «фреймворк» в таком значении.
«В настоящее время Bricks представлен для дизайнеров в виде PSD файлов для Фотошопа. Мы планируем сверстать элементы набора и дополнений, тем самым создав полноценный фрэймворк для разработчиков.»
Вообще-то это и есть фреймворк, это слово имеет более общее понятие и используется не только в программировании.
Вот только потом это заметил :(
The button below is activated only after you tweet.

Как же все помешались на твиттерной рекламе =) скоро дойдет до того, что раздавать файлы будут только фолловерам, проверками, и прочими ухищрениями.
Как написано в оригинале статьи, ваш твит это маленькое спасибо за их большую работу :)
да уж… у меня к примеру вообще нет твитера.
надеюсь кому-нибудь помогу, чтобы не пришлось смотреть сорс страницы, как мне, чтобы найти линк для скачивания :)
Прямой линк на скачивание The Bricks — designmodo.com/wp-content/plugins/download-monitor/download.php?id=42
Не лучшая идея складывать файлы в DB для публичной раздачи.

Ожидайте в ближайший день первое китайское предупреждение от команды Dropbox и блокировку публичного шаринга на 3 дня =)
оно и понятно, идея только это не моя, а автора the bricks :)
спасибо, друг
Пока это psd — это всего лишь один из сотен сборников UI, которых можно скачать на каждом углу. И, кстати, далеко не самый лучший.
А вот, кстати, прошу вас, без всякой иронии, дать ссылки на пару аналогов, которые на ваш взгляд являются как раз самыми лучшими.
Комментатор выше наверное не правильно выразился, но в целом его мысль не лишена сути.

А что же до сборников UI. Вот вам пачка ссылок. Хотя поработав с парой таких, я пришел к выводу что создавать свое удобней и быстрее чем делать и изменять на базе чужих
63 Free PSD UI Kits for Quick MockUp

И о боже, вы не поверите, уже есть целые ресурсы посвященные бесплатным китам с UI. Например freeuikits.com (и это без всякой иронии), удивился когда пошел искать для вас ссылки по запросу «Free psd UI»

На счёт развалов с различными ресурсами — это понятно, не отрицаю, что аналогов — много. Но я интересовался в том смысле, что хочется увидеть нечто, что является «самым лучшим» по сравнению с The Bricks.
А что такое The Bricks? это обычный пресет/комплект заготовок разложенный по папочкам и не более того. Всего он не предусмотрит, при растягивании форм — вся прелесть скругленного края сойдет на нет.

Лучшим решением является создание Actions, точнее не так, лучшим решением делать все индивидуально. Вы простите за прямоту, но дизайнер это тот, кому не нужны примеры, его фантазия представляет себе разницу между прямоугольной формой и скругленной и он сам решает какой стиль он будет создавать, а не будет опираться на пресет. С другой стороны всем нам нужны «упрощалки» жизни особенно если постоянно делаешь одно и тоже.

А в таком случае мы возвращаемся к Actions

1. В плане скорости и удобства работы — это UI сэты, точнее их стили, применяемые к генерируемым формам. При условии что вы не умеете рисовать свои стили.

2. Создать свои Actions к формам, и стилям, и радоваться жизни.
Данное мероприятие от силы потратит 1 ваш день, но у вас будут формы под разные разрешения, под разный Font-Size, с разными скруглениями краев, и прочее что не включено в комплект Топика. И до конца жизни вы будете счастливым обладателем «мегакомплекта», который за всю вашу карьеру сэкономит ни один час времени, будет занимать пару килобайт, и который так же можно дописывать при расширении функционала. А не ковыряться в тоннах слоев.
Про actions хорошая идея. Но встречаются ли такие actions где-то на развалах, чтоб можно было посмотреть как у других, взять что-то за основу и потом, как вы и предложили, допиливать под себя?
за основу вы можете взять Action создающий сетку 960px
Взять сетки и Actions вы можете здесь
1. Сгенерировать сетку, которую вы чаще всего используете.
2. F9 — Создать Set — Создать Action — Record.
3. Создать Rounded Shape с разным скруглением краев и размеров под сетку.
4. Создать разных стилей, тем же Action или Style.

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

Скачать простой Action для создания инпутов и кнопок на 2 колонки с скруглением 5,7 и 10 px (4Kb). как отправная точка. Сделано за 5 минут, остальное дело за вами

Вот как это выглядит.



Thr Bricks отличается от этих сетов тем, что для того, чтобы посмотреть как будет выглядеть определенный элемент в том или ином виде, достаточно просто переключить слои, что получается на много быстрее, чем редактировать все в ручную, как нам бы пришлось это делать в остальных многочисленных наборах.
Вы не один рисуете эти киты?
Лучшие или нет — это вкусовщина. Наша цель сделать в итоге вэб фреймворк который можно будет настраивать под себя и юзать сотни компонентов
Я согласен, это дело вкуса. Но пока это PSD — я не понимаю зачем этот релиз на хабре. Таких UI kit ну просто невероятно много, особенного в нем невероятно мало, давайте ещё к каждому новому клипарту релизы писать.
А в вы не против если я попробую это дело сверстать и результат в сети выложить?
The Bricks is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0).


Нашел)
$('.downloadButton').addClass('active').attr('href', 'http://designmodo.com/wp-content/plugins/download-monitor/download.php?id=42'); // File download link
Это всего лишь psd :(

По заголовку и первому абзацу подумал, что это html&css фраймворк.
Я тоже так подумал =)
а может что-то подскажет уже готовые фреймфорки из онлайн-доступных без инсталляций?
Я использую Bootstrap
Я его уже рассматриваю, спасибо за наводку. Он считается лучшим? Или есть альтернативы?
Честно говоря, не люблю пользоваться превосходными степенями в оценке технологий… мне он просто нравится!
Если хотите еще что-то, то есть HTML Kickstart
Мне нравится использовать SCSS, так что я еще и Compass использую =)
Спасибо, буду пробовать.
Мало того! Читая дальше я думал что тут есть генератор html\css\js… Но и тут меня на******…
Можно помечтать? :)

Было бы волшебно, если The Bricks или другой крутой PSD UI Kits имел html&css основу аналогично Bootstrap от Твиттера.
Один готовит прототипы близкие к дизайну, что бы протестиировать и согласовать с заказчиком / рабочей группой. Второй, после согласований, быстро воплощает их в качественную рабочую версию. Это было бы awesome!

А вдруг есть подобное?)
Мы работаем над этим. В итоге это будет фреймворк для программистов
Подобное — Твиттер бутстрэп
а чтобы без фотошопа? типа gimp?
Когда я вижу навязывание «Твитните чтобы скачать», я специально лезу в код. Это хуже рекламы с порно.
НЛО прилетело и опубликовало эту надпись здесь
Выглядит, конечно, красиво. Я уже даже пожалел что начал разработку на Twitter Bootstrap, а потом успокоился )
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.