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

Comments 56

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

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

Через несколько часов и 800 строк нажимаешь заветную кнопку К5 и… на экране появляется домик.
Rating is hidden
Да, я обычно с такими рисунками упирался в потолок максимального количества команд и недоумевал, как с таким ограничением умудряются писать игрушки, где помимо рисунков все еще прыгает бегает и стреляет
Rating is hidden
Ха-ха, вы мне напомнили своим комментарием мою школьную молодость, когда я рисовал в «гиви-басике» ракету с нечто похожим на строительные леса на миллиметровке, а потом переводил во всякие PSET'ы и DRAW'ы.
Rating is hidden
UFO just landed and posted this here
FF 24 — всё ок. Чуток только пробелы на коже Бёрнса, а так ок. Обновитесь и/или отключите мешающие аддоны.
Rating is hidden
UFO just landed and posted this here
Открыл в своём любимом браузере. А в этом что-то есть, кроме шуток.

Rating is hidden
Барт и Фландерс неплохо деградируют)
Rating is hidden
IE творчески переосмыслил персонажей, прям Пикассо!)
Rating is hidden
<зануда>Вот только зачем? Для нормального отображения нужен ie9+, а значит вместо подобного шаманства можно использовать SVG.</зануда>
Rating is hidden
Круто конечно. С SVG же ведь всякий нарисовать сможет.
Есть что-то в стремлении людей использовать инструменты не по назначению.
Rating is hidden
Я, кажется, пропустил какую-то важную строчку в топике.

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

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

Ничего из вышеперечисленного мне не попалось. Выбор крайне трудоемкого и нетривиального способа решения задачи хотелось бы как-то объяснить, кроме того что «css3 сейчас в тренде».
Rating is hidden
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-кода скорость загрузки страницы явно не улучшат.
Rating is hidden
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();. И по логике даже подходит, и не нужен однопиксельный элемент.
Rating is hidden
Хм, отличная идея… А учитывая, что linear-gradient ещё и несколько цветов может иметь, вообще супер! Можно так ведь по строкам сделать, это проще даже будет. Только там, кажется, было ограничение на число цветов и не каждый браузер сработает корректно.
Rating is hidden
Как вариант детектить размер изображения и выбирать один из трёх способов: горизонтальные градиенты, вертикальные, либо точечные. Правда про ограничение по количеству стопов я не слышал ещё. Уже давно в мозгу витает идея написать такой конвертер на js, не хватает знаний для реализации.
Rating is hidden
Может про Бэтмэна и Бэндэра тоже написать, как автор статьи. С минимумом текста, с цитированием всего кода, с картинками…
Rating is hidden
UFO just landed and posted this here
Напишите, автор статьи не против
Rating is hidden
Ждём новостей вида «австрийский художник создаёт удивительные картины на чистом CSS3».
Rating is hidden
Но это же не чистый css. Здесь еще html.
Скрытый текст
image
Rating is hidden
В IE11 у Mr Burns нос слегка разбежался. Но в целом я рад что все остальные в IE11 выглядят прекрасно.
Rating is hidden
всегда любил такие разработки за файл normalize.css в котором можно посмотреть, что ещё надо «обнулять», чтобы получить нормальную кроссбраузерную верстку. спасибо
Rating is hidden
Sign up to leave a comment.

Articles

Your account

Sections

Information

Services

Support
© 2006–2024, Habr