当前位置:首页 > 网站用户体验专题

初创公司的资源有哪些如,新的播客,色彩资源等等

2020-01-17

我喜欢静态网站。更准确地说,我喜欢构建它们。坐在屏幕前面有一种纯粹的感觉。只有您和您的文本编辑器,才能使用普通的旧HTML和CSS进行编写。

别误会,动态网站也很有趣。上帝知道我是WordPress的粉丝,它为用户提供了易用性。不过,静态站点使我回头。我记得从所见即所得软件切换到文本编辑器。我记得我的第一个PHP函数(包括)简化了开发过程那些日子很好,但与其他许多日子不同,它们并没有全部消失。

所不同的是,现在,我们可以做得更好。LessSass之类的预处理器极大地改善了CSS编写的体验。如果愿意,我们可以将任意多种脚本语言混合到HTML中。然后……然后人们做了一些非常有趣的事情。

我之前已经提到Mac版Hammer应用程序。这是一个应用程序,它向良好的旧HTML引入了自己的功能和扩展,使您可以将文件作为部分文件包含在其他文件中,以及其他一些好东西。它将结果编译到可以在任何地方托管的常规静态站点中。实际上,它还具有许多其他功能,但是本文与Hammer无关。为什么?仅适用于Mac平台。

进入竖琴…

 

竖琴介绍

它不是一个应用程序,它的功能更多。它包括CSS的预处理器。它包括HTML文档的模板语言。这是一个微型服务器,可以用于开发,也可以变成实际的生产服务器。您可以使用服务器端JavaScript将其转换为完整的应用程序,因为它运行在Node.js上。或者,如果您不是程序员,则可以仅构建静态站点,然后将其编译以在其他地方托管。

因为它基于Node.js,所以它是跨平台的。它也是麻省理工学院许可的,所以它是免费的。您甚至可以根据需要进行更改并重新分发或转售。

现在,一直保持警惕的人们会注意到,竖琴并不是同类工具中唯一的工具。许多人正在创建基于节点的工具来快速启动Web项目。我的主要问题是他们通常假设您要使用他们喜欢的CSS框架,动画库或HTML样板。Harp对您要编写的代码不做任何假设。它只是为您提供了更快地编写它的工具。

请注意,它必须通过命令行安装并运行。没有为此的GUI。但是,一旦您将它付诸实践-这一点都不难-收益超过了学习曲线。

 

工具

CSS预处理器

到目前为止,我敢肯定,我们的大多数读者都已经熟悉网络行业试图改进原始CSS的方式。当项目的小型服务器运行时,LESS,SASS和Stylus文件都将自动编译为CSS。

编译总是令人满意的快速。在我所有的测试中,对网站所做的更改已在我保存文件然后刷新浏览器的时间内完成。

模板语言

还包括JadeEJS。这些都是JavaScript模板语言,旨在帮助您更加灵活地编写/生成更高级的HTML文档。基本上,您可以构建HTML模板,并将实际页面内容与这些模板分开存储。这有点像使用CMS,只是没有数据库(除非您想要一个数据库),并且您必须将所有内容写入纯文本文件。

当然,真正的优势是代码维护以及实际程序员可以使用实际服务器和客户端JavaScript进行的所有出色处理。这些语言也使您可以相对轻松地创建更高级的系统(例如博客)(同样,如果您有薪水的程序员)。

两者有什么区别?主要是关于您更喜欢如何编写代码。

EJS使事情变得简单。如果您已经知道HTML,那么只需添加特定于EJS的标签,就像这样:<%include global / header%>。我在那里做什么?基本上,我只是从另一个文件中获取了页面标题的HTML,然后将其导入以在主模板中使用。当然,您可以做很多更复杂的事情。这是Harp文档对EJS的评价。

Jade采取了完全不同的方式来编写HTML。看起来像这样,如项目首页所示:

body  h1 Jade - node template engine  #container.col  if youAreUsingJade  p You are amazing  else  p Get on it!  p.  Jade is pretty cool, 

所有这些都被翻译成HTML和Javascript。请注意,在所有语句中间都包含一个if / else语句,并依赖于适当的缩进。

咖啡脚本

杭州网站建设对JavaScript就像Jade对HTML一样。基本上,这是用于编写JavaScript的简化格式,然后将其编译为常规内容。像Jade一样,它在很大程度上取决于缩进,并且删除了很多语法。

看起来像这样(从项目主页毫不客气地抄写了另一个示例):

math =  root: Math.sqrt  square: square  cube: (x) -> x * square x 

输出看起来像这样:

math = { root: Math.sqrt,
    square: square,
    cube: function(x) { return x * square(x); } };

该平台

当然,使用Harp创建的网站可以托管在任何地方。值得一提的是,Harp的创建者创建了一个托管平台,专门为其软件构建的东西而设计。定价还不错,它与Dropbox集成在一起,可轻松自动更新您的网站。在这里查看:www.harp.io

 

结论

Harp带有预处理器,模板语言,绝对的速度和跨平台优势,是对任何设计师工具箱的坚实补充。我说这值得学习。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号