深圳网站建设设计

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

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

网页设计命令行是伟大的网页设计工具

2015-03-23  阅读: 深圳网站建设设计

网页设计系列教程将学习命令行过程,可能会改变你的网页设计方式。

从最基本的开始我们会直接跳到实际的技能,你可以立即使用。一个图片为什么命令行是一个必备网页设计工具。

主要内容包括:
让我们很快的了解主要有五个方面:

1。利用第三方软件包
网页设计师经常使用第三方软件如jQuery,Bootstrap,Modernizr,字体真棒,normalize.css和一长串的人。在命令行中,利用这些外包装通常意味着:

维护一个网站的书签列表,你可以下载每个包的最新版本。
手动访问说网站下载包每次你需要他们。
重复这个过程一遍每当包更新。
手动将更新版本到每一个项目是用。
处理软件包管理手动缓慢而笨拙,但使用命令行,那是过去的事了。

你可以把包直接到您的项目只输入几个字,如:

 鲍尔安装jQuery

你可以把包起输入一组简单的话:

 鲍尔更新jQuery

没有更多的手动下载包从网络或手动升级他们的改变,那就是你可以通过命令行管理软件包东西的小味道。

2。供电的前端代码
三种你最有可能看到的任何网页设计项目中使用的CSS,HTML和JavaScript。命令行工具开辟新途径,在这些语言更有效的使我们的生产和交付的代码。

我们可以利用命令行与CSS的最有力的一件事是编译预处理程序,如手写笔,SASS /标准和少。使用命令行,你可以快速输入几个字编译任何预处理文件。你也可以设置自动编译你的CSS文件重新编译,当你改变你的程序文件。

通过命令行,我们也可以进一步提高我们的CSS工作流像autoprefixing,文件清理和压缩。以类似的方式,我们还可以优化我们的文件连接和缩小JavaScript。

和HTML,我们接触到的语言像玉这给我们以速记写HTML的能力,并有能力开发简单而复杂的模板系统来阻止我们必须重写的代码块,重复整个项目。

3。随着自动化任务者
能够编写CSS几句,然后缩小JavaScript与其他几句是伟大的。但是当事情真的开始有超能力的是你能做的全部你的项目需要在一个单独的命令。

通过使用一种名为“任务杀手”,一个字的命令一样大口或咕噜可以设置编译预处理文件,然后结合,autoprefix,清洁和压缩所产生的CSS,之后你的玉文件编译成HTML,你的JS文件级联和缩小–所有在几秒钟的空间。

你也可以设置任务者处理这些事情免提你。运行一个命令后大口看或咕噜看你可以继续和你的项目工作的原始文件时,在后台,所有的编译和优化将自动处理。

任务者是完全灵活和可配置,不过你想要的,所以在这你可以设置你的项目没有结束的方式。只是微调东西适合每一集的情况下需要。

4。活重装,浏览器同步多设备测试
生活上让你把你的手指从刷新按钮和集中越来越光滑,实时反馈您的设计更改为你做。

在你已经跑到位的任务自动化,您可以添加活加载直接进入混合,啮合它的任何配置你为项目创建。你可以决定是什么触发过重装,是预编译,HTML的变化或任何你想要的东西。

作为使生活上你也会得到一个网站预览纺本地主机上,即模拟一个Web主机在本地机器上运行。这是伟大的为确保一切正常了HTTP:/ /协议,而不是文件:/ /协议。

在这上面你也会学会浏览器同步前进,让你得到一个URL,你可以打到多个浏览器,都同步一起。例如,单击导航按钮上的镀铬然后看看Firefox,Opera和Safari回应同样的动作同时。

这个浏览器同步不限于一个装置。你也可以去你的片相同的URL,电话和其他设备在同一个连接,每一显示同步预览。这都是在一起给你两跨浏览器和跨设备测试的完美。

 

将文章分享到..