网页前端开发工具推荐

   当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间。在这篇文章中,我编译整理了我最喜欢的 CSS样板,框架和库,帮助你在建立网站或应用程序时更加高效。

  Bootstrap

开发工具推荐-网页前端开发工具">
  如果你想给你的新项目的专业的外观和感觉,Boostrap 可能是你需要的工具。它拥有一个非常干净的排版,表格元素,以及设计一个现代化的网站你需要的所有东西。更多信息: twitter.github.io

  Foundation


  Foundation 来自 Zurb,是一个非常有趣的工具,特别适合用于创建响应式网页。Foundation 有很多不同的布局模板,所以在你启动新项目时,肯定可以帮助你节省很多时间。更多信息: http://foundation.zurb.com/

  Compass


  Compass 是一个开源的 CSS 编写框架。它采用 Sass,扩展了 CSS,增加了嵌套规则,变量,混入,选择继承等特性。绝对值得一试!更多信息: http://compass-style.org/

  Profound Grid


  这是一个响应式的网格系统,用于固定和流体布局,内置 SCSS。如果你打算开发一个基于网格的布局,你绝对应该试试 Profound Grid。更多信息: http://www.profoundgrid.com/

  Kube


  Kube 是一个简单而简约的 CSS 框架,基于灵活的网格和漂亮的印刷字体。如果你正在寻找一个轻量级的框架,没有强加的风格,那么这是适合你的工具。更多信息: http://imperavi.com/kube/

  Topcoat


  我知道,我已经在文章介绍过很多次 Topcoat 了,不过 Topcoat 是真的很棒!如果你想能够快速,轻松地创建一个专业的网站,那么这是一个很好的选择。更多信息: http://topcoat.io/

  Pure CSS


  Pure CSS 来自雅虎,是一组 CSS 模块,您可以作为基础在每一个 Web 项目中使用。它使 CSS 开发更容易,整个框架看起来很干净,专业。如果你还没有用过的话,尝试一下!更多信息: http://purecss.io/

  KNACSS


  KNACSS 是一个简约的,响应式的和可扩展的 CSS 框架。它处理基本要素,盒大小,边距,浮动,简单和复杂的对齐,定位,布局网格,间距等等,而且一切都是自动的!更多信息: http://www.knacss.com/

  Metro UI


  你喜欢 Windows 8 的风格吗?如果是的话,我敢打赌,你会喜欢的 Metro UI,这个 CSS 框架允许你创建的 Windows 8 风格外观和感觉的网站。更多信息: http://metroui.org.ua/

  Skeleton


  Skeleton 是一个小的 CSS 文件集合,可以帮助你迅速开发在任何尺寸都外观漂亮的网站,不过是在17寸的笔记本电脑的屏幕或 iPhone 上。更多信息: http://www.getskeleton.com/

时间: 2024-08-29 10:26:39

网页前端开发工具推荐的相关文章

2017年前端开发工具趋势

本文来源于全球的5254份前端工具使用的调查报告,期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势. 受访者组成 83%的受访者具有两年以上的前端技术经验,只有5%的受访者不到一年: CSS 开发者中有63%为高级开发者和专家: 尽管CSS被认为只是属性-参数值对的简单集合,但是CSS却是很难掌握的.CSS3引入了许多的新特性,要想完全的掌握CSS变得越来越困难. 如果你想学习前端可以来这个群,首先是二九一,中间是八五一,最后是一八九,里面可以学习交流也有资料可以下载. CSS预处理器

五个值得尝试的前端开发工具

在过去的几年时间里,出现了许多全新的网页应用程序,不过,由于应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加. 现在也有不少前端开发工具,比如Backbone和EmberJS框架都能提供稳定的App开发解决方案.同时,Javascript的应用也越来 越常广泛,而且它还能和Node.JS在后端协同工作,快速搭建易于扩展的网络应用.实际上,为了应对前端开发复杂度所带来的挑战,开发人员创建了许多工 具来简化开发流程.从测试框架,到分析工具,前端开发工具已经非常成熟了,正是得益于这些有用的工

【翻译】我钟爱的Visual Studio前端开发工具/扩展

原文:[翻译]我钟爱的Visual Studio前端开发工具/扩展 怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做前端开发.Visual Studio 2010不管是旗舰版还是免费版都没有对前端开发方面做充分的优化.不要希望VS默认安装这些东西,我们有很多VS的扩展可是使用. 这篇帖子里你可以看到有一组我喜爱的扩展和工具能让Visual Studio在web开发方面更简单,我只是集中在我安装和使用过的一些工具,

网页开发-初学网页前端开发有很多困惑ヾ(@⌒ー⌒@)ノ

问题描述 初学网页前端开发有很多困惑ヾ(@⌒ー⌒@)ノ 网页前端开发适合用什么工具?本来打算用Dreamweaver CS6的,现在是Dreamweaver 8,可是上网一看都不支持这个,求大神支招^_^ 解决方案 初学这个,建议参考另外的开发神器,最近自己在用sublime,很不错,支持代码很强大,功能很多.自定义插件,更是了不得,多看看这个. 解决方案二: sublime,几乎专业的前端人员都用这个,主要是便捷,功能强大,你可以试试 解决方案三: hBuilder也不错

WebPagetest网页前端性能测试工具和实现分析

WebPageTest 原本是由AOL开发内部使用的工具,后来在Google Code上开源, 是一款非常优秀的网页前端性能测试工具. 在线版本http://www.webpagetest.org Google Code: http://code.google.com/p/webpagetest/ 部署WebPageTest 私有实例参考资料 http://testing.etao.com/node/303 http://testing.etao.com/node  如下是作者提供的客户端实现分

跨平台的应用开发工具和前端开发工具

文章描述:前端开发者的跨平台移动应用开发策略及工具. 愉悦的周五,早些回到家,冲澡吃饭照顾猫咪家务完毕已然超过九点的样子.登录博客后台,进入编辑页面,才觉得些许轻松安逸.不坏,一天里能有这么一会沉浸在这样的感觉里,足够了. 在之前的一篇文章中,我们曾经讨论过,对于交互和视觉设计相关职能的从业人员来说,从传统Web行业向移动应用领域转型的过程中需要学习和注意的问题.这篇文章中提到过"混合型应用"的概念,以及与之相关的两本开发指导书籍.今天这篇文章的英文原文,就是来自这两本书的作者--移动

编程-C++ 界面开发工具推荐

问题描述 C++ 界面开发工具推荐 用C++的能界面编程的软件有那些呢?全部举例出来吧. 然后求推荐,选哪个好用,我是业余的自学的兴趣小组的. 据说QT很不错,然后再推荐基本QT的界面编程入门的书吧 我已经有一定编程基础了,高级点的不涉及基础的QT界面编程的书也行 解决方案 一般有两种选择 大多数人选择使用一些图形界面库来解决,比如说QT,MFC. 还有一种是直接使用图形平台提供的接口,例如在Windows下,Win32API可以实现图形界面,Linux,一般是x window,x window

Web前端开发工具——bower依赖包管理工具_javascript技巧

Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系. 包管理工具一般有以下的功能: a)注册机制:每个包需要确定一个唯一的 ID 使得搜索和下载的时候能够正确匹配,所以包管理工具需要维护注册信息,可以依赖其他平台. b)文件存储:确定文件存放的位置,下载的时候可以找到,当然这个地址在网络上是可访问的. c)上传下载:这是工具的主要功能,能提高包使用的便利性.比如想用 jqu

2016年新鲜出炉的20款网页开发工具推荐

  越来越多的移动端和桌面端应用开始使用HTML.CSS和JS来开发了,而网页设计 更是离不开这些语言.正是这种局面使得许多新的网页技术成为了可能,也催生了许多诸如React.js.Angular和Node.js这样的库.随着需求和项目的细化,开发者社区几乎每天都会有有开发者放出新的库和开发工具. 进入新年,我们推荐过设计素材,聊过设计趋势,推荐了许多酷站 ,这次的文章将会推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货.这20个网站中,包含了开发框架.插件.生产力工具.应用程序,还