Comments 116
Здорово. Еще было бы прикольно, если бы по клику на червяке он выдавал какие-нибудь перлы :)
+4
красиво и качественно сделано, молодцы!
+4
Сайт вообще шикарный.
Денис, а для чего именно canvas вы там использовали?
Денис, а для чего именно canvas вы там использовали?
+2
В пост призываются наши веб-технологи! Я в этом ничего не понимаю, я же дизайнер.
0
на canvas-е отрисовываются сами иконки
+2
В основном для отрисовки интерфейса, а также сам механизм перекрашивания иконок с его помощью реализован.
+1
О, а можно поподробнее про отрисовку интерфейса? А то не приходилось сталкиваться с подобным, а так все шустро работает. Какие-то особые преимущества?
0
В нашем случае преимущества были такие:
Интерфейс состоит из вариаций плашек с закругленными уголками, тенями и т.п. Если делать его «классическими» средствами, пришлось бы нарезать кучу разных уголков, градиентов, фонов и запихнуть все это в не меньшую кучу кода со всеми вытекающими последствиями.
Чтобы этого не делать используется 1 класс, который и рисует на канве все эти плашки.
Интерфейс состоит из вариаций плашек с закругленными уголками, тенями и т.п. Если делать его «классическими» средствами, пришлось бы нарезать кучу разных уголков, градиентов, фонов и запихнуть все это в не меньшую кучу кода со всеми вытекающими последствиями.
Чтобы этого не делать используется 1 класс, который и рисует на канве все эти плашки.
+1
Интересно.
Тогда такой вопрос — а на сколько этот «ваш случай» частный.
То есть, для более общего случая у этого решения есть существенные недостатки?
Тогда такой вопрос — а на сколько этот «ваш случай» частный.
То есть, для более общего случая у этого решения есть существенные недостатки?
0
Да не очень частный. Имеет смысл использовать такой подход, если у вас есть дизайн с какими-то однотипными элементами, которые нельзя реализовать без использования графики, например скругленные углы, тени, градиенты.
Не могу сказать что есть какие-то недостатки. Вопрос скорее в необходимости использования в каком-то конкретном случае.
Не могу сказать что есть какие-то недостатки. Вопрос скорее в необходимости использования в каком-то конкретном случае.
+1
Ну тут, я бы сказал, вопрос не в необходимости, а в оптимальности.
Как раз меня это заинтересовало как _возможная_ замена графики для скругленных уголков в однотипных блоках в интерфейсах систем. Вот и пытаюсь выяснить подводные камни.
Thanx за ответы.
Как раз меня это заинтересовало как _возможная_ замена графики для скругленных уголков в однотипных блоках в интерфейсах систем. Вот и пытаюсь выяснить подводные камни.
Thanx за ответы.
0
Здорово! Еще один вопрос по теме — а как у такого подхода с кросс-браузерностью?
0
С кроссбраузерностью все нормально. При желании, можно даже под IE6 сделать. Есть excanvas для IE, я использовал moocanvas (это тот же excanvas только переписанный на mootools). Остальные браузеры более-менее поддерживают его и без костылей, поэтому использовать можно достаточно спокойно, по крайней мере когда нужно 2D, с 3D все намного сложнее.
+1
может пора двигаться дальше?..
+5
Согласен. Мы пытаемся двигаться. Но и из Иконзы нужно выжать все соки :)
-1
Выжмите ещё иконок 50.
+12
Сервис хороший, но я им не пользуюсь. По м2 причинам:
1. нет возможности скачать иконки одной картинкой. (главное)
2. нет возможности создать вариант :hover. (второстепенное)
1. нет возможности скачать иконки одной картинкой. (главное)
2. нет возможности создать вариант :hover. (второстепенное)
+2
UFO just landed and posted this here
А почему пиар черный? Вроде наоборот — белый и пушистый.
+1
UFO just landed and posted this here
Вы не совсем верно понимаете значение выражения «чёрный пиар»
Это называется «Статья на правах рекламы» :)
Это называется «Статья на правах рекламы» :)
+6
Баннеры — это хорошо. Они помогают хабру жить и развиваться.
+1
+1 К турбомилку из-за этого плохое отношение лично у меня.
-2
новые иконки планируются?)
+1
Уже в работе. Ожидайте в ближайшее время. Потом еще «новый стиль» думаем сделать. Правда у нас дебаты — какие они должны быть. Я предлагаю делать «плоские» иконки, а коллеги в стиле мак ос.
+1
Продолжайте настаивать на плоских :)
+4
А сделайте вкладочки, для выбора стиля.
Насколько я помню, на сайте у вас болтался тутор по созданию многослойных иконочек… ммм, что если добавить отключаемые слои («добавить объем»), которые будут добавлять объем? Конечно, это нереально сложно, но было бы великолепно.
Насколько я помню, на сайте у вас болтался тутор по созданию многослойных иконочек… ммм, что если добавить отключаемые слои («добавить объем»), которые будут добавлять объем? Конечно, это нереально сложно, но было бы великолепно.
0
Я за мак ос! даеш мак ос!
0
Не в обиду, но персонажи вашей Иконозы вызывают разжижение мозга. Разве что Морковка Ок, но только для детского сайта, а не для этого.
+13
Какая уж там обида. Разжижение мозга было главной целью в процесс придумывания ётих самх персонажей. Извините, а вам не кажется, что Червяк похож на хуй?
+14
UFO just landed and posted this here
да, действительно очень хороший, удобный и полезный сервис.
0
А я червячка и не видел.
Хотя не однократно пользовался вашим ресурсом.
Хотя не однократно пользовался вашим ресурсом.
+1
UFO just landed and posted this here
UFO just landed and posted this here
При отключенном JS (Noscript так отработал) поле с набором иконок увеличено вдвое по высоте, иконки продублированы (верхний блок из noscript не виден, но кликабелен).
-1
Ебанись! А через консоль и wget вообще ХЗ что показывает! И в ie 4 не работает!
0
Да есть такой баг, пока не поправили, но поправим обязательно. Спасибо.
0
Шикарная работа, так держать!
(понравилось как только в первый раз увидел, теперь рекомендую знакомым)
(понравилось как только в первый раз увидел, теперь рекомендую знакомым)
0
Вам не кажется, что ваш червяк страдает гидроцефалией?
+1
Почерк на первой картинке 1 в 1 мой :-)
0
А все иконки представлены на сайте, или их можно листать? Я не увидел. Просто если сайт (мудной, красивый и все такое) создавали ради раздачи одного набора иконок, то… то я от комментариев воздержусь =)
+4
Bad Gateway :(
0
«Мы взяли доску, цветные маркеры»
какая-то помятая доска, ИМХО, если судить по картинке :-[
какая-то помятая доска, ИМХО, если судить по картинке :-[
0
:)) опередил чуть-чуть :)
-1
Доска бывает с бумажками, называется флипчарт. Не тупите.
-3
очень лестно заявление сотрудника компании в таких тонах… нда
+2
Ок, простите. Не тупите, пожалуйста. Так лучше?
-1
Хорошо Вы представляете компанию, своей грубостью и резкостью. Молодцы, вперед :)
+2
Не поверите, но это работает. Это обычная честность. Мы не хотим работать с людьми которые тупят или сочувствуют тем, кто тупит. И мы этого не скрываем. Происходит фильтрация. В итоге наши клиенты — вменяемые люди с нормальным чувством юмора.
0
Я знаю что это работает, так делают на западе. Громко, открыто, вызывающе. Но есть подходы, которые работают лучше. Плюс люди не обязаны знать, что у вас там за доска и какие доски бывают. Или целевая аудитория иконзы — производители этих досок? :)
+1
Ну я просто не стал ходить вокруг да около и подбирать верные формулировки, а сказал так, как я действительно думал. Что я сделал не так? Более того, я уверен, такое мое поведение никак не помешает нашему бизнесу, а возможно даже ему поможет.
Пост-то вообще не про доски, но нашлось три хомячка которые «вывели меня на чистую воду». Я высказал свое отношение к такому поведению и ни о чем не жалею.
Пост-то вообще не про доски, но нашлось три хомячка которые «вывели меня на чистую воду». Я высказал свое отношение к такому поведению и ни о чем не жалею.
0
«Мы взяли доску, цветные маркеры и набросали прототип будущего интерфейса.»
А на картинке фотография листа бумаги.
А на картинке фотография листа бумаги.
+3
Пишите про маркеры и доску, фотография листа бумаги. Который наверняка перед самой статьей был нарисован.
Сайтом пользовался один раз. Идея неплохая, но кол-во иконок слишком уж скудное.
Сайтом пользовался один раз. Идея неплохая, но кол-во иконок слишком уж скудное.
0
интересный проект, согласен с предыдущими ораторами по поводу ограниченного количества наборов, но «Москва не сразу строилась» (с)
растите!
растите!
0
прикольно, можно еще прооптимизировать загрузку сайта. и вот еще что заметил
+4
Это у вас похоже кеш, мы не так давно кое-что дорабатывали и вся графика переехала на поддомен. Но, спасибо что сказали.
А что именно по поводу оптимизации загрузки можете посоветовать?
А что именно по поводу оптимизации загрузки можете посоветовать?
+2
ах эта розовая штука в шляпе и с лапками — червяк :) Вы мне открыли глаза, а-то я терялся в догадках, честно)
+1
Очень удивился когда узнал что это червяк, а не какойто космическо-фантастический персонаж как я думал по началу
0
Надо было у ТМ заказывать, там посильнее ребятки в плане архитектуры.
-2
Разработка чудесна.
Надеюсь на основе разработки вам удастся сделать чудесный сток.
Надеюсь на основе разработки вам удастся сделать чудесный сток.
0
У соковыжималки сок идет еще о приземления моркови в нее. Fail :)
0
Видео к иконзе меня просто ппц, как уничтожает.
+1
сервис классный, персонажи ужасные =)
0
А я когда увидел ролик про упоротую морковку, подумал «хорошо, что ТурбоМилк так не делает». Не знал я, что ТурбоМилк ИМЕННО ТАК и делает.
0
пощадите зомби возле ящиков, сотрите ту ****** рекламу из их разума
0
Гм. Как минимум, ожидал несколько сотен, а то и тысяч иконок. Красивых. В разных стилях. Чтобы действительно, почти на каждый случай.
0
Сервис отличный, но вот нашел какой баг. Я открыл сайт в Chrome, загрузка прошла, а фон просто серый, т.е никаких иконок не увидел. Думал баг Хрома, открыл в FF 3.5.1 тоже самое. Загрузка успешно фон серый. Оказалось мой Outpost Firewall просто распознал иконки как рекламу и заблокировал. Добавил сайт в исключения и все нормально. Отображается как в Хроме, так и в FF
0
А сейчас оно вообще не отвечает:
Bad Gateway.
The proxy server received an invalid response from an upstream server.
Apache/2.0.54 Server at iconza.ru Port 80
Bad Gateway.
The proxy server received an invalid response from an upstream server.
Apache/2.0.54 Server at iconza.ru Port 80
0
Sign up to leave a comment.
Как мы придумывали и рисовали интерфейс Иконзы