html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Почему вам следует обновить браузер во имя искусства

Картина «Франсин» в Google Chrome

Элемент картины «Франсин» Дианы Смит

Диана Смит (Diana Smith) создаёт эффектные картины с помощью кода: все элементы её «полотен» написаны в виде CSS, а не нарисованы.

Картины Смит — это даже не файлы, нельзя щёлкнуть правой кнопкой мыши и сохранить изображение на рабочем столе. Каждая картина создаётся вручную с помощью инструментов разработчика в браузере Chrome. Каждый её элемент — фрагмент кода.

«Франсин» в своём лучшем виде

«Франсин» в своём лучшем виде

Изнанка CSS-картины

Изнанка CSS-картины

В зависимости от платформы и браузера одна и та же картина будет выглядеть по-разному. Работы Дианы Смит лучше всего смотрятся в последних версиях Chrome, а в других браузерах порой принимают курьёзные формы.

Так, журналист Vox Дэвид Чжоу (David Zhou) попытался воссоздать «Франсин» в старой версии Opera. Вот что получилось:

i tried @cyanharlow’s incredible pure css portrait in an old version of opera and well, the disclaimer wasn’t lying: "so the live preview will most likely look laughable in anything other than chrome«https://t.co/fReKS0yCLz pic.twitter.com/MdPLNApQ2g — David Zhou (@dz) 1 мая 2018 г.

Твит Дэвида Чжоу вдохновил на эксперименты других пользователей.

Так выглядит картина в Internet Explorer 7 под управлением Windows 98

Так выглядит картина в Internet Explorer 7 под управлением Windows 98

В более старых версиях IE искажение ещё сильнее

В более ранних версиях IE искажение ещё сильнее

«Франсин» в версиях IE от 6.0 до 11.0 под управлением Windows 7

«Франсин» в версиях IE от 6.0 до 11.0 под управлением Windows 7

А так картина выглядит в Chrome 9

А так картина выглядит в Chrome 9

Сама художница заметила, что другие браузеры выдают ещё более интересные результаты, чем те, которых пыталась достичь она.

I now stand seriously corrected about viewing my work in non-Chrome browsers. The results are so much more interesting than I could’ve tried to achieve on purpose. https://t.co/g0oa5znU58 — Diana Smith (@cyanharlow) 1 мая 2018 г.

Исходный код «Франсин» опубликован на GitHub — приобщиться к браузерному искусству может каждый.

Хотите подсказать новость или поделиться экспертным мнением? Пишите: news@cossa.ru

cossa-icons-6.png

Весь интернет-маркетинг за 19 недель!

Cossa рекомендует: онлайн-курс по интернет-маркетингу от Ingate — digital-агентства с 17-летним опытом.

  • 17 учебных блоков по ключевым вопросам интернет-маркетинга
  • Поддержка менторов
  • Диплом
  • Cтажировка в топовых агентствах России
  • Помощь в трудоустройстве
Узнать больше >>
Реклама
Читать дальше
Twitter
Одноклассники
Мой Мир

материал с cossa.ru

2

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • cossa.ru
          • css
          • браузер
          • маркетинг
          • домен cossa.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции