How to become an author
Search
Write a publication
Pull to refresh

Comments 56

Вот не пойму я, где здесь искусство. Это же обычный хардкод, вроде приснопамятного айфона на CSS. Гомера рисовали на CSS еще 5 лет назад, когда браузеры только начинали внедрять поддержку css3-свойств, и тогда это вызывало восхищение. Сейчас же…
Total votes 35: ↑29 and ↓6+23
[sad-offtopic]
Плюс в комментарий, минус в карму. Лучше бы наоборот.
[/sad-offtopic]
Total votes 40: ↑3 and ↓37-34
Представляю какие появятся вскоре вакансии:
Мультипликатор, аниматор
Знание HTML 5, CSS 3
Total votes 5: ↑5 and ↓0+5
Если вскоре это будет норма, то будет что-то типа:
Аниматор. Опыт работы с HTML 7, CSS 4. Обязательное требование: поддержка IE6
Total votes 15: ↑14 and ↓1+13
Думаю, что появится специализированный софт в таком случае. Сейчас же нет вакансий типа «Редактор видео-контента, знание устройства форматов h264, etc...»
Total votes 2: ↑2 and ↓0+2
UFO just landed and posted this here
CSS в дальнейшем будет представлять (уже представляет) из себя набор независимых модулей: работа над новой версией модуля начинается сразу же после принятия версией предыдущей статуса рекомендованного. Это самое с модулем Selectors вы и наблюдаете.
Total votes 2: ↑1 and ↓10
UFO just landed and posted this here
Подобные вещи мне напоминают школу и BASIC.

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

Через несколько часов и 800 строк нажимаешь заветную кнопку К5 и… на экране появляется домик.
Total votes 49: ↑48 and ↓1+47
Да, я обычно с такими рисунками упирался в потолок максимального количества команд и недоумевал, как с таким ограничением умудряются писать игрушки, где помимо рисунков все еще прыгает бегает и стреляет
Total votes 4: ↑4 and ↓0+4
Ха-ха, вы мне напомнили своим комментарием мою школьную молодость, когда я рисовал в «гиви-басике» ракету с нечто похожим на строительные леса на миллиметровке, а потом переводил во всякие PSET'ы и DRAW'ы.
Total votes 4: ↑3 and ↓1+2
UFO just landed and posted this here
Firefox 23.0 — все норм
Total votes 1: ↑1 and ↓0+1
FF 24 — всё ок. Чуток только пробелы на коже Бёрнса, а так ок. Обновитесь и/или отключите мешающие аддоны.
This comment wasn’t rated yet0
UFO just landed and posted this here
Открыл в своём любимом браузере. А в этом что-то есть, кроме шуток.

Total votes 52: ↑51 and ↓1+50
Барт и Фландерс неплохо деградируют)
Total votes 6: ↑6 and ↓0+6
IE творчески переосмыслил персонажей, прям Пикассо!)
Total votes 4: ↑4 and ↓0+4
Кубизм, однако. Вы просто ничего не понимаете в его творческой натуре
Total votes 1: ↑1 and ↓0+1
<зануда>Вот только зачем? Для нормального отображения нужен ie9+, а значит вместо подобного шаманства можно использовать SVG.</зануда>
Total votes 6: ↑1 and ↓5-4
Круто конечно. С SVG же ведь всякий нарисовать сможет.
Есть что-то в стремлении людей использовать инструменты не по назначению.
This comment wasn’t rated yet0
Я, кажется, пропустил какую-то важную строчку в топике.

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

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

Ничего из вышеперечисленного мне не попалось. Выбор крайне трудоемкого и нетривиального способа решения задачи хотелось бы как-то объяснить, кроме того что «css3 сейчас в тренде».
Total votes 16: ↑15 and ↓1+14
UFO just landed and posted this here
Ну если так думать, то картинку можно отобразить вообще без 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-кода скорость загрузки страницы явно не улучшат.
Total votes 3: ↑3 and ↓0+3
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
Как раз-таки нет. Самый нетривиальный это background-image и множество однопиксельных linear-gradient();. И по логике даже подходит, и не нужен однопиксельный элемент.
Total votes 1: ↑1 and ↓0+1
Хм, отличная идея… А учитывая, что linear-gradient ещё и несколько цветов может иметь, вообще супер! Можно так ведь по строкам сделать, это проще даже будет. Только там, кажется, было ограничение на число цветов и не каждый браузер сработает корректно.
Total votes 2: ↑2 and ↓0+2
Как вариант детектить размер изображения и выбирать один из трёх способов: горизонтальные градиенты, вертикальные, либо точечные. Правда про ограничение по количеству стопов я не слышал ещё. Уже давно в мозгу витает идея написать такой конвертер на js, не хватает знаний для реализации.
Total votes 1: ↑1 and ↓0+1
Может про Бэтмэна и Бэндэра тоже написать, как автор статьи. С минимумом текста, с цитированием всего кода, с картинками…
Total votes 2: ↑1 and ↓10
UFO just landed and posted this here
Напишите, автор статьи не против
This comment wasn’t rated yet0
Ждём новостей вида «австрийский художник создаёт удивительные картины на чистом CSS3».
Total votes 4: ↑3 and ↓1+2
Но это же не чистый css. Здесь еще html.
Скрытый текст
image
Total votes 3: ↑2 and ↓1+1
В IE11 у Mr Burns нос слегка разбежался. Но в целом я рад что все остальные в IE11 выглядят прекрасно.
Total votes 2: ↑1 and ↓10
всегда любил такие разработки за файл normalize.css в котором можно посмотреть, что ещё надо «обнулять», чтобы получить нормальную кроссбраузерную верстку. спасибо
Total votes 1: ↑1 and ↓0+1
Sign up to leave a comment.

Articles

Show the best of all time
Unlock dark mode

Your account

Sections

Information

Services

Support
© 2006–2024, Habr