akzhan 28 июн 2010 в 13:22

Сделано в CSS: Иконки iOS и другие…

3 мин

2.9K

Веб-разработка *

Перевод

+16

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

bondbig 28 июн 2010 в 13:26

хохо, FF 3.6.3:

Reey 28 июн 2010 в 13:30

хохо, chrome 6.0.447.0
i49.tinypic.com/2vhvcxs.jpg

bondbig 28 июн 2010 в 13:33

дада, хром такое же выдал у меня, сафари нет, чтобы проверить, ставить лень. Опера последняя ~как FF показывает.

Reey 28 июн 2010 в 13:38

Сафари нормально показывает, интересно только, зачем автор написал, что «viewed best in safari 5 or google chrome».

akzhan 28 июн 2010 в 13:40

Safari 5 для Windows, — всё показывает корректно.

Chrome 6 dev и IE9pp3 — хреново…

petka_vaska 29 июн 2010 в 06:52

Что-то у меня не показывает :(

petka_vaska 29 июн 2010 в 06:52

kamana.ru/screenshot/20100629-d81-51kb.jpg

Menjoy 28 июн 2010 в 14:19

Особенно актуально вместе с «Viewed best in Safari 5 or Google Chrome.»

tossshik 28 июн 2010 в 19:14

Chrome 5.0.375.86, все супер.

НЛО прилетело и опубликовало эту надпись здесь

Reey 28 июн 2010 в 13:39

Да чего еще можно ожидать, когда в цэ-эс-эсе один -webkit-*…
Странно, что в хроме не показывает.

НЛО прилетело и опубликовало эту надпись здесь

yul 28 июн 2010 в 14:42

Масштабируются они тоже прикольно.

SirAlbert 28 июн 2010 в 13:28

Занятие интересное, но как граф дизайнер скажу, что пока далеко от всеобщего распространения. Ьем более ест понятие избыточность трудозатрат — когда выгоднее сделать проще (при условии. что не падает качесвто). Какой смысл делать масштабируемость иконки если нам зарание известо разрешение на котором она будет использоваться?
Но в целом — автор таких иконок молодец.

barkalov 28 июн 2010 в 14:36

Cэр Альберт — граммар-пацифист?

НЛО прилетело и опубликовало эту надпись здесь

sunnybear 28 июн 2010 в 21:38

сейчас уже можно автоматом вектор в SVG перегонять, который замечательно всеми [кроме IE] кушается. Потом научатся SVG оптимизировать, чтобы кривых поменьше.

Enuriru 28 июн 2010 в 13:40

Chrome 5.0.375.86 (mac)

akzhan 28 июн 2010 в 13:45

Chrome 6.0.447.0 dev/Windows

akzhan 28 июн 2010 в 15:00

Странно, а зачем ссылку на скриншот минусовали?)

tenshi 28 июн 2010 в 13:57

раз уж он использует вебкитовские фичи, то почему бы не воспользоваться svg? у него и со скоростью получше и с качеством и с интероперабельностью

mr_avi 28 июн 2010 в 14:18

Льюис Харбо не любит IE, и IE не любит Льюиса Харбо…

Mithgol 29 июн 2010 в 04:58

Льюис Харбо использует только «-webkit-»-свойства. Стало быть, он не любит и IE, и Firefox, и Opera, и SeaMonkey, и Fennec, и так далее, и так далее.

mr_avi 29 июн 2010 в 05:50

Да, уже заметил, эт я по привычке решил в любимом браузере проверить…

Meliborn 28 июн 2010 в 14:20

Зато любит извращения :)

mr_avi 28 июн 2010 в 14:23

Вот чтоб это всё да в IE… вот это было бы извращение..:)

Goodkat 28 июн 2010 в 14:47

Графика на CSS? — и эти люди запрещают мне верстать таблицами? :)

akzhan 28 июн 2010 в 14:52

А что в графике на CSS ненормального? Через год вполне используемо будет.

НЛО прилетело и опубликовало эту надпись здесь

akzhan 28 июн 2010 в 15:07

HTML5 уже здесь (он пока просто не для настольных компьютеров).

То есть, CSS3, — прекрасный выбор для мобильных устройств.

Тем более, это чисто фан.

НЛО прилетело и опубликовало эту надпись здесь

akzhan 28 июн 2010 в 15:12

На Android вроде же не умел.

НЛО прилетело и опубликовало эту надпись здесь

VasilioRuzanni 28 июн 2010 в 15:23

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

VasilioRuzanni 28 июн 2010 в 15:21

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

Огоо, а мсье знает толк в извращениях.

obscuro 28 июн 2010 в 15:22

И еще у него весь текст на сайте с тенью…

killerdesign 28 июн 2010 в 16:25

Это просто отпад челюсти… великолепно! Хотелось бы посмотреть на первый векторный редактор с экспортом в CSS3.

System32 28 июн 2010 в 18:07

Нравится ли Вам мем «посмотрите на меня, делающего что-то крутое на чистом CSS»? Это доставляет.

У вас лурчанка.

akzhan 29 июн 2010 в 10:29

Почитайте оригинал. Думаю, перевод как раз к месту.

GmasteR 28 июн 2010 в 21:08

Не удивлюсь если скоро появятся Иллюстратор под CSS3 )

Ezhan 28 июн 2010 в 21:28

У Вас в тексте случилась типичная ошибка: местоимение «вы» с заглавной буквы пишется исключительно при личном обращении к конкретному человеку (например как в данном предложении). Во всех остальных случаях надо писать с маленькой буквы.

Спасибо.