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

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

Исскуство в чистом виде :)
Вот не пойму я, где здесь искусство. Это же обычный хардкод, вроде приснопамятного айфона на CSS. Гомера рисовали на CSS еще 5 лет назад, когда браузеры только начинали внедрять поддержку css3-свойств, и тогда это вызывало восхищение. Сейчас же…
[sad-offtopic]
Плюс в комментарий, минус в карму. Лучше бы наоборот.
[/sad-offtopic]
Представляю какие появятся вскоре вакансии:
Мультипликатор, аниматор
Знание HTML 5, CSS 3
Если вскоре это будет норма, то будет что-то типа:
Аниматор. Опыт работы с HTML 7, CSS 4. Обязательное требование: поддержка IE6
Думаю, что появится специализированный софт в таком случае. Сейчас же нет вакансий типа «Редактор видео-контента, знание устройства форматов h264, etc...»
НЛО прилетело и опубликовало эту надпись здесь
CSS в дальнейшем будет представлять (уже представляет) из себя набор независимых модулей: работа над новой версией модуля начинается сразу же после принятия версией предыдущей статуса рекомендованного. Это самое с модулем Selectors вы и наблюдаете.
НЛО прилетело и опубликовало эту надпись здесь
Подобные вещи мне напоминают школу и BASIC.

10 LINE (0,100)-(100,100)
20 CIR (0, 50, 50)
...

Через несколько часов и 800 строк нажимаешь заветную кнопку К5 и… на экране появляется домик.
Да, я обычно с такими рисунками упирался в потолок максимального количества команд и недоумевал, как с таким ограничением умудряются писать игрушки, где помимо рисунков все еще прыгает бегает и стреляет
Ха-ха, вы мне напомнили своим комментарием мою школьную молодость, когда я рисовал в «гиви-басике» ракету с нечто похожим на строительные леса на миллиметровке, а потом переводил во всякие PSET'ы и DRAW'ы.
НЛО прилетело и опубликовало эту надпись здесь
Firefox 23.0 — все норм
FF 24 — всё ок. Чуток только пробелы на коже Бёрнса, а так ок. Обновитесь и/или отключите мешающие аддоны.
НЛО прилетело и опубликовало эту надпись здесь
Открыл в своём любимом браузере. А в этом что-то есть, кроме шуток.

Барт и Фландерс неплохо деградируют)
Напомнило:

image
D'oh!
Вот это их расколбасило…
Или так:
IE творчески переосмыслил персонажей, прям Пикассо!)
<зануда>Вот только зачем? Для нормального отображения нужен ie9+, а значит вместо подобного шаманства можно использовать SVG.</зануда>
Да сразу бы про JPG писали, чего уж тут.
Круто конечно. С SVG же ведь всякий нарисовать сможет.
Есть что-то в стремлении людей использовать инструменты не по назначению.
Я, кажется, пропустил какую-то важную строчку в топике.

Ну захардкодил чувак кучу значений, написал несколько километровых css-файлов. И что? Я бы понял смысл появления статьи по этому поводу, если бы:

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

Ничего из вышеперечисленного мне не попалось. Выбор крайне трудоемкого и нетривиального способа решения задачи хотелось бы как-то объяснить, кроме того что «css3 сейчас в тренде».
НЛО прилетело и опубликовало эту надпись здесь
Ну если так думать, то картинку можно отобразить вообще без CSS — средствами HTML4, которые поддерживает даже IE3, с помощью построчной развертки в таблицу:

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td bgcolor="#000000" width="1" height="1"></td>
        <td bgcolor="#FFFFFF" width="1" height="1"></td>
        ...
    </tr>
    ...
</table>

Только вот отключение картинок не просто так придумали, особенно в мобильных устройствах. А мегабайты HTML или CSS-кода скорость загрузки страницы явно не улучшат.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Это уже было в симпсонах на хабре
habrahabr.ru/post/136395/
Как раз-таки нет. Самый нетривиальный это background-image и множество однопиксельных linear-gradient();. И по логике даже подходит, и не нужен однопиксельный элемент.
Хм, отличная идея… А учитывая, что linear-gradient ещё и несколько цветов может иметь, вообще супер! Можно так ведь по строкам сделать, это проще даже будет. Только там, кажется, было ограничение на число цветов и не каждый браузер сработает корректно.
Как вариант детектить размер изображения и выбирать один из трёх способов: горизонтальные градиенты, вертикальные, либо точечные. Правда про ограничение по количеству стопов я не слышал ещё. Уже давно в мозгу витает идея написать такой конвертер на js, не хватает знаний для реализации.
Может про Бэтмэна и Бэндэра тоже написать, как автор статьи. С минимумом текста, с цитированием всего кода, с картинками…
НЛО прилетело и опубликовало эту надпись здесь
Напишите, автор статьи не против
Ждём новостей вида «австрийский художник создаёт удивительные картины на чистом CSS3».
Но это же не чистый css. Здесь еще html.
Скрытый текст
image
В IE11 у Mr Burns нос слегка разбежался. Но в целом я рад что все остальные в IE11 выглядят прекрасно.
всегда любил такие разработки за файл normalize.css в котором можно посмотреть, что ещё надо «обнулять», чтобы получить нормальную кроссбраузерную верстку. спасибо
Хочу целую серию на CSS+JS :)
Когда будут танцующие Симпсоны?
я на него и намекал: )
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории