通过编程,在线创造力无止境。每天,Internet上的程序员都利用他们的技能为公众创建小型项目。 Itty Bitty是由Google的前设计师和Dropbox Nocholas Jitkoff的现任副总裁共同创建的网站,就是一个如此小的项目。
使用Itty Bitty网站,您可以免费创建一个微型HTML网站,即使您没有任何虚拟主机。
Itty Bitty解释
它的工作原理是:itty.bitty.site通过通过其URL加载来创建小型站点。换句话说,您的网站是在其链接中存储和显示的。
因此,使用Itty Bitty创建的网站完全不需要虚拟主机。该URL本身包含网站的全部数据:外观,内容等。
您会注意到,一旦收到Itty Bitty链接,它的大小将比通常。这就是您的整个网站。
Itty Bitty创建的实际网站的界面非常简单。请记住,网站上的每个其他页面都是使用网站本身创建的。
在此页面上,您可以立即开始使用基本HTML来创建简单页面。
如果要创建更强大的Itty Bitty网站,您可以将HTML文档直接拖放到网站中,也可以将现有项目直接链接到提示中。
文档或链接可能使用其他编程语言像CSS或JS,它们仍然会在您的Itty Bitty网站上加载。就是说,使用Itty Bitty的主要好处(以及可以从地址加载它的中心原因)是您的页面必须保持在一定的小尺寸内。
Itty Bitty有多小Bitty网站?
如果Itty Bitty是免费的并且不需要网络托管,那么您的网站实际上有多大?答案:不是非常。
该站点在窗口的右上角向您显示您网站的大小。虽然站点的大小可能会有所波动,但这也意味着您的链接的大小也会有所波动。某些网站不允许您共享大于几个字节的链接,这会限制您共享较大网站的能力。
幸运的是,创建者已发布了许多流行平台可能使用的最大字节大小,解释不同平台可以容纳的大小:
例如,如果您想使用Bitly缩短网站,则必须创建一个非常小的网站。 Microsoft Edge也是如此。但是,如果您只想在浏览器之间共享它,则可以创建一个更大的站点。
从链接到Itty Bitty网站
您还可以创建Itty Bitty网站通过直接将HTML文件拖放到其中或直接键入站点内容,我将演示如何使用Dudley Storey先前制作的Codepen项目。
Codepen是使用Itty Bitty创建站点的最简单方法。 Codepen为用户提供了易于使用的开发人员环境和便捷的链接过程。
以上是一个出色的示例,说明了强大的HTML主干以及其他细微的编程添加如何创建简单的HTML网站。幸运的是,它还足够小,可以在上面列出的许多平台上共享。
要将Codepen项目转换为Itty Bitty网站,请将Pen的链接粘贴到Itty Bitty网站。然后,将鼠标悬停在灰色的 untitled (无标题)部分上,然后编辑文本以反映您的网站。
下一步,单击位于右上角的菜单
,在这里您可以创建指向Itty Bitty的链接。似乎好像不是刚刚创建的网站,但是您已经拥有了!
单击复制链接选项后,可以将该链接粘贴到浏览器中以进行查看网站。同样要注意的一点是:默认情况下,Itty Bitty网站可以通过QR码发送。
可以提供多种选择,例如为丢失的设备附加物理参考。
恭喜,您现在有了一个无需服务器即可免费使用的随时可以链接的网站!
进一步缩小Itty Bitty链接
您还可以创建一个整洁的链接使用链接缩短工具。我将使用Bitly,它不仅允许您缩短链接,而且如果您注册免费帐户,还可以使用您自己的文本自定义链接。
我们原始的Codepen示例太大而无法使用Bitly压缩,这是JT Helms的另一个出色的项目。我只是按照上面的过程将此Pen转换为Itty Bitty网站。
一旦您有了链接,请转到Bitly。将您的链接粘贴到Bitly的初始页面中,或登录到您的帐户,然后选择创建按钮。在以下提示中输入链接。
粘贴链接后,链接将自动转换。然后,如果已登录,请使用Bitly的编辑器调整您认为合适的链接。
我将初始链接更改为ITTYBITTYEXAMPLE。您现在可以像访问其他任何站点一样前往bit.ly/ITTYBITTYEXAMPLE,当然,它是免费的,并且不需要网络托管或服务器维护。
Itty Bitty网站的安全性
尽管这是创建小型HTML网站的一种很酷的巧妙方法,但并非没有缺陷。您可以像其他任何网站一样轻松地滥用Itty Bitty网站。这意味着网站可以通过警报等功能惹恼您。
由于该网站仍处于试验阶段,因此不一定要依赖该网站作为建立安全网站的主要方法。
Itty Bitty的可能性是无限的
在线发现的创造力通常令人印象深刻。但是,它很少像Itty Bitty一样简单,易用且易于使用。想展示一个小的应用程序吗?与div元素混在一起吗?使用Itty Bitty网站可以轻松完成所有操作。
此外,您不受特定数量或网站的限制。记下该网站的创建者Nocholas Jitkoff的笔记,并链接该网站内的网站,以获取全面的,多页的说明性网站。或制作一个ASCII牛头犬。可能性很小,但是范围无限,所以今天就尝试这个小小的在线实验!
通过提高对HTML和CSS的了解,通过另一种方式托管您的网站,进一步发展并创建更好的网站。