79
如果你一直关注我们的每月的系列文章 设计人员和开发人员的新资源 每个月,你可以看到有很多新工具介绍; 这个列表可能是无限的。 早在2008年,当我刚刚开始学习 HTML和CSS 然而,大多数这些工具已经不存在。
今天,网络是指数增长的。 它也比以往任何时候都变得越来越复杂。 我们需要更多的工具,可以帮助一些网站开发的重量。 所以,在这篇文章中,我们将在一起 一组时尚的工具,这将有助于在web开发。
希望这些列表可以帮助给你介绍合适的web开发工具,特别是对于那些刚刚开始。
推荐阅读: 网页设计:开始使用Chrome开发工具
CSS是很容易写。 语法非常简单,容易理解。 佛山网站策划公司但随着项目越来越大,你可能需要 管理多个样式表 处理成千上万的CSS线条和如果你知道CSS,你知道它变得强大的难以维持在这种情况下。
这就是CSS预处理程序变得非常有用。 我们已经介绍了 CSS-Preprocessors 为 几次 在 过去的 ,所以我猜你已经很熟悉他们。 对于那些新的,简而言之,CSS预处理程序允许我们 与变量和函数编写CSS以编程的方式 ,然后是 编译成browser-compliant CSS格式 。 我们还可以重用CSS属性等一些特殊的规则 @extend 和 @include 。
有很多CSS预处理程序: 萨斯 , 少 , 手写笔 , 神话 。
创建一个静态HTML页面同样很简单。 然而,如果你有 多个HTML页面来处理您的项目 ,事情可能会失控。 这些页面可能共享相同的组件(如标题,侧边栏和页脚。
读也: 如何创建定制WordPress模板标签吗
如果你改变的东西在侧边栏,应该改变它在其他页面侧边栏,一个接一个,或者使用模板引擎?
对于这种情况,使用模板引擎听起来更好。 现在我们可以使用大量的模板引擎,如 工具包 , 玉 , 车把。 每个都有自己的写作惯例。 设备,例如,只有 声明变量和导入功能,用一个简单的HTML注释标记 ,就像这样。
1 2 3. 4 | / /导入分离模板的例子 < ! ——@include公司/部分- - > / /这是一个变量 < ! ——@var:变量值- - > |
读也: 一个调查工具语言
玉和车把有很多强大的特性迎合更复杂的项目。 我们将更加详细地讨论它们在另一个帖子(敬请期待)。 关键是,如果你想建立一个可伸缩的静态网站,你应该带的优势 模板引擎 。
建立一个网站的过程是重复的。 缩小 , 编译 , 单元测试 , 产品毛羽 , 连接文件 和 浏览器刷新 等等,我们很可能会做的事情通常在项目。 幸运的是,他们可以使用一个任务自动跑,等 咕哝着说 和 狼吞虎咽地吃 。
你可以告诉中指定一组任务繁重 Gruntfile.js 。 现在有大量的插件自动化几乎任何繁重,所以您不需要编写自己的 繁重的任务 。
说,你想少文件编译到CSS,你可以安装 grunt-contrib-less 。 在我们之前的文章中,我们也利用咕哝删除不必要的模块在jQuery 。
如果如果你的项目是累人的你,是时候让你利用跑任务简化工作流程。
这是一个不可避免的如果您正在构建一个工具 手机优化网站 。 如果你有很多的设备来测试你的网站,你一定需要的 同步测试 ,它允许您测试您的网站同时在多个设备。
浏览器重新加载等的交互点击和滚动反映在所有测试设备的同时,节省你重复的动作。
有两个工具,你可以试着这样做:一个繁重插件 BrowserSync 和一个GUI应用程序 Ghostlab 。
开发工具包将一个应用程序的工具。 如果你不适应繁重的文本设置,一个GUI应用程序可能是一个更好的工具。
Codekit 开拓者这样的应用程序,包括少,Sass,装备,玉,Siml,糟蹋,凉亭,更多的特性列表。
读也 : 有什么新的Codekit 2
Codekit是OS x只能应用程序。如果您使用的是Windows,你可以试一试 Prepros ,佛山网站策划公司如果您使用的是Linux,有 Koala-app 。
热门分享
最新文章
2019.10.21
佛山企业网站制作:每种字体的风格及最佳使用方法研究
2019.10.12
佛山公司网站建设:一个完美的着陆页的关键特性
2019.10.12
佛山网站开发:如何处理业务方面的设计
2019.09.07
佛山建站:指定文档基本URL与HTML <基础>元素
2019.09.07
佛山网站开发公司:开始使用Gulp.js
2019.09.06
佛山公司网站建设:用EasyDropDown.js 创建<选择>下拉框
2019.09.02
佛山网站策划公司:你应该知道5最新的Web开发工具
2019.08.23
佛山高端网站建设:转化率优化设计的一面
2019.08.16
佛山企业网站建设:十大错误,使您的网站看起来不专业
2019.08.16
佛山高端建站:5个Web上最常见的交互设计错误
随机推荐
2019.08.15
佛山高端建站:为您的网站带来更多Google流量的5个提示
2019.08.23
佛山高端网站建设:转化率优化设计的一面
2019.09.02
佛山网站策划公司:你应该知道5最新的Web开发工具
2019.09.07
佛山网站开发公司:开始使用Gulp.js
2019.08.13
佛山网站开发:使用功能策略保护您的站点
2019.10.12
佛山公司网站建设:一个完美的着陆页的关键特性
2019.08.12
佛山网站建设:将参与式设计应用于移动测试
2019.08.16
佛山网站开发:5个令人愉快的平面设计2.0网站的灵感
2019.10.12
佛山网站开发:如何处理业务方面的设计
2019.08.14
佛山网站制作:如何使用内容锁定增加100%的转化率