神经网络可以从网站截图中构建代码,从此做网站也没那么难啦

yumo6667个月前 (08-07)技术文章98

图:pixabay

揪着头发试图解决如何让你的网站看起来与你想象的一样,跟这样的日子说再见吧!丹麦创业公司刚刚宣布,他们已经开发了一个神经网络,可以查看网站设计的屏幕截图,并自行构建必要的代码。

名为UIzard的哥本哈根创业公司正在努力减少创建软件所需的时间。本周二,他们展示了一个称为Pix2Code的神经网络,将网站面向用户端的单一图像转换为功能代码。神经网络现在可以保证约77%的代码正确,但随着数据的增多,准确率应该越来越高。制作网站的用户界面是编码最困难的部分之一,因此AI可以使网页设计更容易。这也表明,软件开发人员的工作将不会被自动化所替代。

UIzard的开发者和创始人Tony Beltramelli在研究论文中写道:“我们推断,以这种方式使用的深度学习最终可能会终止手动编程[图形用户界面(GUI)]的需要。”

可以说,随着大量的软件被取代,这一创新至少可以允许一些人在更酷的领域进行工作。在研究论文中,Beltramelli表示,它解放了开发人员,使能够专注于他们正在构建的实际功能,而不是摆弄几个小时的用户界面。

Pix2Code中的神经网络是一种卷积神经网络,一种能够同时以许多不同尺度观看图像的网络。 这允许网络通过检查用户界面和底层代码来学习,从而查看每行代码对设计的每个元素的影响。视频显示AI在几分钟内将平面屏幕截图转换为带有工作按钮的页面。

为了促进未来的研究,Pix2Code的数据集和代码将在今年晚些时候开源。 Beltramelli表示,系统会在抓取网页以建立一个截图和HTML / CSS代码的数据库方面,越来越准确。 一旦实现的话,不久后,你就可以绘制你的网站,并让神经网络处理它。

来源:inverse

相关文章

盘点在线代码编辑测试网站(在线编写代码网站)

对于一些前端的样式和js效果,我们非常希望可以将这些代码片段保存起来,然后分享给那些想要使用这些样式特效的人,庆幸的是,网络上已经有很多这样的网站了,今天我们就来盘点一下这些非常好用的网站。jsfid...

从网站检查中复制CSS代码的最简单方法

在处理网站项目时,您是否曾经对使用开发工具感到沮丧?必须在您正在处理的网页和检查器之间来回切换以查看CSS并进行调整通常可能是一个挑战。值得庆幸的是,有一个浏览器扩展程序可以简化该过程:CSS Sca...

短网址见多了,来看看这个长长长长长网址

短网址的由来说起短网址的由来,不得不提到一个平台,那就是微博。微博早期时候,每条微博最多只能写 140 个字,这就导致如果你想在一条微博中写一条网址,那么网址就会占用一大半的内容。于是人们就想,能不能...

如何编写高质量的CSS代码?(怎么编写css)

在现代Web开发中,CSS是不可或缺的一部分,它决定了网页的样式和布局。编写高质量的CSS代码不仅可以提高开发效率,还可以提升网页性能和用户体验。本文将为您分享一些有助于编写高质量CSS代码的技巧和建...

服务器搭建绿色大气的有机蔬菜食品公司网站html源码

下载HTML源码源码地址,链接:https://www.80zhan.com/code/10509.html。我看了好多html源码下载的,发现这个还不错,只需要简单注册就能下载源码了。若不想注册,可...

web前端HTML教程——开发环境搭建下载和安装编辑器

html开发环境搭建有一个好的编辑器我们可以方便地的开发项目,编写代码,配置和管理我们的项目。所以我们开始编写html代码之前需要搭建开发环境。基于html项目的开发和代码编写现在网上有很多编辑器,也...