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

我喜欢静态网站。更准确地说,我喜欢构建它们。坐在屏幕前面有一种纯粹的感觉。只有您和您的文本编辑器,才能使用普通的旧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带有预处理器,模板语言,绝对的速度和跨平台优势,是对任何设计师工具箱的坚实补充。我说这值得学习。


返回观点列表
本文标签:

相关专题

体验从沟通开始,让我们聆听您的需求!

开始您的数字化品牌体验! 15158117070 期待您的来电!

[ 网站建设×品牌官网设计×大策略营销门户×微信小程序开发×微信公众号开发]

派迪业务总监微信号

派迪业务总监微信号

了解最新项目报价

派迪产品经理微信号

派迪产品经理微信号

免费获取项目策划

我们正使用 cookies 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookies 。

如果您想详细了解我们如何使用cookies请访问我们的 《隐私政策》

Cookie 偏好

如果您想详细了解我们如何使用cookie请访问我们的 《隐私政策》

管理cookie偏好

基本 cookies

始终允许

这些 cookies 是网站运行所必需的,不能在我们的系统中关闭。它们通常仅针对您所做的相当于服务请求的操作而设置,例如设置您的隐私首选项、登录或填写表格。您可以将浏览器设置为阻止或提醒您有关这些 cookies 的信息,但网站的某些部分将无法运行。这些 cookies 不存储任何个人身份信息。

性能 cookies

始终允许
这些 cookies 使我们能够计算访问量和流量来源,以便我们可以衡量和改进我们网站的性能。它们帮助我们了解哪些页面受欢迎和不受欢迎,并了解访问者如何在网站上移动。这些 cookies 收集的所有信息都是汇总的,而且是匿名的。如果您不允许这些 cookies,我们将不知道您何时访问了我们的网站,也无法监控其性能。

功能性 cookies

这些 cookies 收集信息用于分析和个性化您的定向广告体验。您可以使用此拨动开关来行使选择不获取个人信息的权利。如果您选择关闭,我们将无法向您提供个性化广告,也不会将您的个人信息交给任何第三方。

定位 Cookies

这些 cookies 可能由我们的广告合作伙伴通过我们的网站设置。这些公司可能会使用它们来建立您的兴趣档案,并在其他网站上向您展示相关广告。它们不直接存储个人信息,而是基于唯一标识您的浏览器和互联网设备。如果您不允许使用这些 cookie,您将体验到较少针对性的广告。

我们正使用 cookies 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookies 。

如果您想详细了解我们如何使用cookies请访问我们的 《隐私政策》