CSS、JavaScript开发者必备的10款最佳工具

简介: 原文http://www.csdn.net/article/2013-05-16/2815315-css-and-javascript-tools 摘要:可以说CSS、JavaScript是网站设计的黄金搭档,本文收集了10款超好用的工具,来帮助你设计出更佳的网站,并且还可以提高你的工作效率。

原文http://www.csdn.net/article/2013-05-16/2815315-css-and-javascript-tools

摘要:可以说CSS、JavaScript是网站设计的黄金搭档,本文收集了10款超好用的工具,来帮助你设计出更佳的网站,并且还可以提高你的工作效率。

亲们,想通过使用最新的工具来提升你的网站档次吗?本文搜集了10款好用的工具以帮助你提升网站性能。

Topcoat

Topcoat是一个简洁干净的CSS类库,其专门用于表单元素,如按钮、复选框、滑块等。只需几分钟,就可以设计出一个完美的网站或应用程序。

Countable.js

正如你所猜测,Countable.js是一个JavaScript函数,用来统计某个HTML 元素中包含文本的段落数、单词数和字符数。无需依赖于任何JS框架,体积非常小。

iCheck

想让Web App 中的多选框和单选框看更好看吗?试试iCheck,它是一种能轻松自定义单选框和多选框的插件。iCheck易于使用,它还提供不同的外观和配色方案。

CSS only responsive navigation

现在,Web上的响应布局很受欢迎,在我看来,这绝对是个很好的事情。

Almost Flat UI

基于基础框架,构建在网站上的框架几乎都是Flat UI ,它是一个完整的HTML/CSS/JS框架。这样的网站感官起来很整洁、很专业。

Chart.js

Chart.js是一个无依赖性,轻量级,面向对象的工具,用于创建客户端的图表。它设有6种不同的图表类型,非常易于操作。

PlaceIMG

当建立网站或应用程序时,需要经常使用PlaceIMG。PlaceIMG可以根据占位符的大小随机生成一个图片。

jQuery PanZoom

jQuery Panzoom是一个渐进的插件,用于创建图像平移和缩放功能的元素。Panzoom支持同一系列的浏览器,如 jQuery 2.0,jQuery 1.9.0+ , jQuery 2.0+。

Perfect Scrollbar

如果想创建出完美的滚动条,则需要一个轻量级的jQuery插件—Perfect Scrollbar。没有任何的元素的CSS 情况下,能帮助用户创建自定义的滚动条。

FitVids.js

FitVids.js是个轻量级的,易于使用jQuery 插件。可用于流体宽度视频嵌入。它由Chris Coyie和Paravel两人创立的。

目录
相关文章
|
18天前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
19天前
|
JavaScript 前端开发 容器
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
21 2
|
20天前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
17 1
|
18天前
|
JavaScript 数据安全/隐私保护
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
19 0
|
18天前
|
JavaScript 数据安全/隐私保护 索引
node.js 命令行交互工具(最新版) inquirer.js 实用教程
node.js 命令行交互工具(最新版) inquirer.js 实用教程
16 0
|
20天前
|
前端开发 JavaScript
【HTML+CSS+JavaScript】Animated Navigation
【HTML+CSS+JavaScript】Animated Navigation
10 0
|
20天前
|
前端开发 JavaScript
【HTML+CSS+JavaScript】animated-countdown
【HTML+CSS+JavaScript】animated-countdown
13 0
|
20天前
|
前端开发 JavaScript
【HTML+CSS+JavaScript】3d-boxes-background
【HTML+CSS+JavaScript】3d-boxes-background
8 0
|
20天前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
16 0
|
20天前
|
移动开发 JavaScript
thinkPHP5.0开发微信H5页面分享接口signature验证失败,signature与微信 JS 接口签名校验工具返回结果不一致
thinkPHP5.0开发微信H5页面分享接口signature验证失败,signature与微信 JS 接口签名校验工具返回结果不一致
29 0