Игорь Бигдан (ibigdan) wrote,
Игорь Бигдан
ibigdan

Category:

Верстальщики сейчас напряглись

Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.

Работа алгоритма делится на три этапа:

1. Нейронной сети передаётся картинка-исходник в формате JPEG



2. Алгоритм конвертирует элементы в HTML- и CSS-код



3. На выходе получается свёрстанная версия



Чтобы получить такой результат, разработчики скармливали алгоритму скриншоты и присваивали определённые HTML-теги, в итоге получился датасет, с помощью которого можно генерировать шаблонные сайты. Ниже будут примеры.

Пример датасета:



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

Примеры:


  • 250 циклов работы алгоритма;

  • 350 циклов работы алгоритма;

  • 450 циклов работы алгоритма;

  • 550 циклов работы алгоритма.

Везде выше можно посмотреть пример исходного кода, сгенерированного нейронной сетью, а вот оригинальный сайт, скриншоты которого скармливали алгоритму.

источник

Tags: Интересное, Ух ты!
Subscribe

Recent Posts from This Journal

  • Увага, шок-контент!

    Підведіть до екранів дітей, підлітків, студентів, вагітних і пласкоземельників. ГРАВІТАЦІЯ - ЦЕ НЕ СИЛА!!!! Так-так, всі зі школи звикли, що F=mg,…

  • Давайте будемо термінологічно коректні!

    Victor Tregubov: Примусова вакцинація - це коли тебе збивають підсічкою, кладуть на пузо та вганяють штрикавку в сраку, поки не оговтався. Ми всі…

  • Большая распродажа пальто

    Копенгаген, 1936. Владелец магазина придумал уникальную схему продаж — он установил подмостки вокруг здания и развесил более тысячи пальто. Такой…

promo ibigdan december 3, 2007 00:08
Buy for 1 000 tokens
Хотите 1 миллион просмотров вашей рекламы за неделю? Легко и не дорого. Хотите чтобы о вашем продукте или услуге узнали сотни тысяч уникальных посетителей? Запросто. Адекватные цены и профессиональный подход, базирующийся на 11-летнем опыте. Блог "Самый сок!" читают во всём мире. Среднее…
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 20 comments

Recent Posts from This Journal

  • Увага, шок-контент!

    Підведіть до екранів дітей, підлітків, студентів, вагітних і пласкоземельників. ГРАВІТАЦІЯ - ЦЕ НЕ СИЛА!!!! Так-так, всі зі школи звикли, що F=mg,…

  • Давайте будемо термінологічно коректні!

    Victor Tregubov: Примусова вакцинація - це коли тебе збивають підсічкою, кладуть на пузо та вганяють штрикавку в сраку, поки не оговтався. Ми всі…

  • Большая распродажа пальто

    Копенгаген, 1936. Владелец магазина придумал уникальную схему продаж — он установил подмостки вокруг здания и развесил более тысячи пальто. Такой…