Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 48
Совместимо ли с Twitter Bootstrap?
И не хотите разработку перенесли на github?
И не хотите разработку перенесли на 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
надеюсь кому-нибудь помогу, чтобы не пришлось смотреть сорс страницы, как мне, чтобы найти линк для скачивания :)
Прямой линк на скачивание The Bricks — designmodo.com/wp-content/plugins/download-monitor/download.php?id=42
или даже так dl.dropbox.com/u/21385868/designmodo/The-Bricks.zip
спасибо, друг
Пока это psd — это всего лишь один из сотен сборников UI, которых можно скачать на каждом углу. И, кстати, далеко не самый лучший.
А вот, кстати, прошу вас, без всякой иронии, дать ссылки на пару аналогов, которые на ваш взгляд являются как раз самыми лучшими.
Комментатор выше наверное не правильно выразился, но в целом его мысль не лишена сути.
А что же до сборников UI. Вот вам пачка ссылок. Хотя поработав с парой таких, я пришел к выводу что создавать свое удобней и быстрее чем делать и изменять на базе чужих
А что же до сборников UI. Вот вам пачка ссылок. Хотя поработав с парой таких, я пришел к выводу что создавать свое удобней и быстрее чем делать и изменять на базе чужих
63 Free PSD UI Kits for Quick MockUp
И о боже, вы не поверите, уже есть целые ресурсы посвященные бесплатным китам с UI. Например freeuikits.com (и это без всякой иронии), удивился когда пошел искать для вас ссылки по запросу «Free psd UI»
И о боже, вы не поверите, уже есть целые ресурсы посвященные бесплатным китам с UI. Например freeuikits.com (и это без всякой иронии), удивился когда пошел искать для вас ссылки по запросу «Free psd UI»
На счёт развалов с различными ресурсами — это понятно, не отрицаю, что аналогов — много. Но я интересовался в том смысле, что хочется увидеть нечто, что является «самым лучшим» по сравнению с The Bricks.
А что такое The Bricks? это обычный пресет/комплект заготовок разложенный по папочкам и не более того. Всего он не предусмотрит, при растягивании форм — вся прелесть скругленного края сойдет на нет.
Лучшим решением является создание Actions, точнее не так, лучшим решением делать все индивидуально. Вы простите за прямоту, но дизайнер это тот, кому не нужны примеры, его фантазия представляет себе разницу между прямоугольной формой и скругленной и он сам решает какой стиль он будет создавать, а не будет опираться на пресет. С другой стороны всем нам нужны «упрощалки» жизни особенно если постоянно делаешь одно и тоже.
А в таком случае мы возвращаемся к Actions
1. В плане скорости и удобства работы — это UI сэты, точнее их стили, применяемые к генерируемым формам. При условии что вы не умеете рисовать свои стили.
2. Создать свои Actions к формам, и стилям, и радоваться жизни.
Данное мероприятие от силы потратит 1 ваш день, но у вас будут формы под разные разрешения, под разный Font-Size, с разными скруглениями краев, и прочее что не включено в комплект Топика. И до конца жизни вы будете счастливым обладателем «мегакомплекта», который за всю вашу карьеру сэкономит ни один час времени, будет занимать пару килобайт, и который так же можно дописывать при расширении функционала. А не ковыряться в тоннах слоев.
Лучшим решением является создание 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 минут, остальное дело за вами
Вот как это выглядит.
Взять сетки и Actions вы можете здесь
1. Сгенерировать сетку, которую вы чаще всего используете.
2. F9 — Создать Set — Создать Action — Record.
3. Создать Rounded Shape с разным скруглением краев и размеров под сетку.
4. Создать разных стилей, тем же Action или Style.
В итоге мы получаем универсальный инструмент который можно дополнять новыми наборами действий, улучшать, создавать новые формы, или изменять имеющиеся.
Скачать простой Action для создания инпутов и кнопок на 2 колонки с скруглением 5,7 и 10 px (4Kb). как отправная точка. Сделано за 5 минут, остальное дело за вами
Вот как это выглядит.
Thr Bricks отличается от этих сетов тем, что для того, чтобы посмотреть как будет выглядеть определенный элемент в том или ином виде, достаточно просто переключить слои, что получается на много быстрее, чем редактировать все в ручную, как нам бы пришлось это делать в остальных многочисленных наборах.
Лучшие или нет — это вкусовщина. Наша цель сделать в итоге вэб фреймворк который можно будет настраивать под себя и юзать сотни компонентов
$('.downloadButton').addClass('active').attr('href', 'http://designmodo.com/wp-content/plugins/download-monitor/download.php?id=42'); // File download link
Это всего лишь psd :(
По заголовку и первому абзацу подумал, что это html&css фраймворк.
По заголовку и первому абзацу подумал, что это html&css фраймворк.
Я тоже так подумал =)
а может что-то подскажет уже готовые фреймфорки из онлайн-доступных без инсталляций?
Я использую Bootstrap
Я его уже рассматриваю, спасибо за наводку. Он считается лучшим? Или есть альтернативы?
Честно говоря, не люблю пользоваться превосходными степенями в оценке технологий… мне он просто нравится!
Если хотите еще что-то, то есть HTML Kickstart
Мне нравится использовать SCSS, так что я еще и Compass использую =)
Если хотите еще что-то, то есть HTML Kickstart
Мне нравится использовать SCSS, так что я еще и Compass использую =)
Мало того! Читая дальше я думал что тут есть генератор html\css\js… Но и тут меня на******…
Можно помечтать? :)
Было бы волшебно, если The Bricks или другой крутой PSD UI Kits имел html&css основу аналогично Bootstrap от Твиттера.
Один готовит прототипы близкие к дизайну, что бы протестиировать и согласовать с заказчиком / рабочей группой. Второй, после согласований, быстро воплощает их в качественную рабочую версию. Это было бы awesome!
А вдруг есть подобное?)
Было бы волшебно, если The Bricks или другой крутой PSD UI Kits имел html&css основу аналогично Bootstrap от Твиттера.
Один готовит прототипы близкие к дизайну, что бы протестиировать и согласовать с заказчиком / рабочей группой. Второй, после согласований, быстро воплощает их в качественную рабочую версию. Это было бы awesome!
А вдруг есть подобное?)
Когда я вижу навязывание «Твитните чтобы скачать», я специально лезу в код. Это хуже рекламы с порно.
Выглядит, конечно, красиво. Я уже даже пожалел что начал разработку на Twitter Bootstrap, а потом успокоился )
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
The Bricks — фреймворк для создания пользовательского интерфейса