深圳网站建设设计

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

加速网站前端开发与CSS编写

2016-07-23  阅读: 深圳网站建设设计

我喜欢静态网站。更准确地说,我喜欢他们的加速网站前端开发与CSS编写。有坐在屏幕前纯洁的东西;它只是你和你的文本编辑器,在普通的HTML和CSS的编写。

别误会,动态网站也很有趣。上帝知道我喜欢WordPress和使用,它为用户提供方便。静态网站,带我回来,虽然。我记得从所见即所得的软件切换到一个文本编辑器。我记得简化开发过程中与我的第一个PHP函数:包括。那些日子很美好,但不像很多其他人,他们不是都走了。

深圳网站制作可以做的更好。预处理器少和萨斯大大提高编写CSS的经验。我们有一些脚本语言融入我们的HTML,如果我们这样选择。然后…然后人们做了一些很有趣的事情。
我先前提到的锤应用程序的Mac。这是一个应用程序,介绍了其自身的功能和扩展到老好的HTML,允许你指定一个文件作为另一部分,和其他的好东西。它编译成静态的网站,可以定期举办的地方。它实际上比相当多的特点,但这篇文章不是关于锤。为什么?它仅适用于Mac平台。

 
这不是一个应用程序,它是一个非常。它包括预处理对CSS。它包括模板的HTML文件的语言。这是一个小型服务器,可用于开发,或转为实际生产服务器。您可以使用服务器端JavaScript把它变成一个完整的应用程序,它运行在Node.js。或者,如果你不是一个程序员,你可以建立你的静态网站,然后编译为托管的地方。

因为它是基于Node.js,它是跨平台的。这也是MIT许可,所以它是免费的。你甚至可以进行修改和重新发布或转售它如果你喜欢。
现在,他一直留意的人会注意到,CSS编写是不是唯一的此类工具。很多人都把Web项目创建基于节点的工具快速入门。我和这些主要的问题是,他们普遍认为你要使用他们喜欢的CSS框架,动画,或HTML模板。CSS编写让你要写的代码没有假设。它只会给你的工具来编写它更快。
请注意,必须安装并运行通过命令行。没有GUI的这。但一旦你得到它去,一点都不难的好处大于学习曲线。
 
加速网站前端开发与CSS编写工具
CSS预处理器
现在,我的大多数读者肯定熟悉,网络行业试图提高香草CSS的方法。当您的项目的微型服务器正在运行,那么,蔬菜,和手写笔都是自动编译成CSS文件。
编译总是令人满意的快。在我的测试中,我的网站所做的改变有编译所花费的时间,我把我的文件,然后刷新我的浏览器。

加速网站前端开发与CSS编写模板语言
还包括玉和EJS。这些都是JavaScript模板语言设计来帮助你写/产生更大的灵活性,更高级的HTML文件。基本上,你可以创建HTML模板,并保存你的实际页面内容分别从这些模板。这就像使用CMS,只是没有数据库(除非你想),你写的所有内容为纯文本文件。
真正的优势是,当然,代码维护,加上所有的很酷的东西,真正的程序员可以用实际服务器和客户端JavaScript。也正是这些语言,允许你创建更先进的系统,如博客,都比较容易(再次,如果你对工资的程序员)。

两者之间的区别是什么?它主要是关于你如何喜欢写代码。
技术使事情变得简单。如果你已经知道HTML,它只是添加特定的标签技术,像这样:<% %>包括全球/头。我做了什么吗?基本上,我只是抓住了我的另一个文件的HTML页面标题和进口用于我的主要模板。你可以做一些更复杂的东西,当然。这就是CSS编写文件说关于技术。
玉以非常不同的方式来编写HTML完全。它看起来像这样,在项目的主页显示:


所有这些都会转化为HTML和JavaScript。注意一个包涵if/else语句就在这中间,和适当的压痕的依赖。

CoffeeScript是什么玉是HTML,JavaScript。基本上,这是一个简化的格式写JavaScript,然后被编译成正规的东西。如玉,这是严重的压痕的依赖,和下降很多语法。

它看起来像这样(另一个例子是无耻地抄袭了该项目的主页):
数学= 
根:数学。sqrt 
广场:广场
立方体:(x)-> x * x的平方
和输出看起来像这样:
数学= { 
根:数学。sqrt,
广场:广场,
立方体:函数(x){ 
返回X平方(x);
 } 


加速网站前端开发与CSS编写平台
创建与CSS编写的网站可以托管的地方,当然。值得一提的是,虽然,CSS编写的创作者一个托管平台专门设计的东西与他们的软件建。定价是不是坏的,它集成了Dropbox方便自动更新到您的网站。看看这里:www.harp.io
加速网站前端开发与CSS编写 
结论
CSS编写,其预处理、模板语言,纯粹的速度,和跨平台的善良,是一个坚实的除了任何设计师的工具箱。我说值得学习曲线。

 

网页设计的元素周期表
高质量的内容是什么?

将文章分享到..