前端工具库

***** HTML *****

=> HTML5 PLEASE

参考资料：

HTML5 Please：为HTML5与CSS3语法提供浏览器兼容性测试及使用建议

=> html5shiv

参考资料:

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

HTML5 Shiv – 让该死的IE系列支持HTML5吧 : 引用html5.js 使html5标签成块状

***** CSS *****

=> Modernizr ： HTML5 / CSS3 特性检测库

参考资料：

Modernizr——为HTML5和CSS3而生！

使用Modernizr 检测HTML5和CSS3浏览器支持功能

Modernizr.js入门指南

=> Prefix free : 处理 CSS3 跨浏览器兼容，自动生成跨浏览器特定前缀

用法: 在 CSS 后方引入 prefixfree.js

参考资料：

Prefix free：摆脱 CSS3 前缀

=> Autoprefixer

参考资料：

Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序

在Webstorm中使用Autoprefixer

=> Normalize.css

Reset 方案，重置默认样式。目前流行的 Bootstrap 3 框架采用了 Normalize 进行 HTML 默认样式的 Reset 。

用法：在 CSS 文件之前引入

=> 应用 Grunt 进行 CSS 压缩

参考资料：

Grunt: JavaScript世界的构建工具 -- Grunt中文网

前端js和css的压缩合并之grunt

Grunt 新手一日入门

=> 中文网页重设与排版：typo.css

=> Alice CSS:写CSS的更好方案

=> NEC : 更好的CSS样式解决方案

=> CSS 动画资源

2.iHover.css CSS3实现的图片悬停特效

3.Move.js 是一款简单小巧的模拟CSS3动画的js插件。该插件可以完成CSS3的各种动画效果：移动、变形、倾斜、背景色渐变、旋转等。并且可以在动画中使用各种easing效果。演示地址

4.Animate.css 是一个有趣的，跨浏览器的css3动画库

=> 雪碧图生成工具

CSS Sprites generator

=> 查看浏览器支持

2.CSS3 Click Chart

参考资料：

Can I Use（caniuse）一个提供HTML5，CSS3，Canvas，SVG，JS浏览器兼容一览表的网站

=> 个性化的字体图标

Font Awesome，一套绝佳的图标字体库和CSS框架

Iconfont-阿里巴巴矢量图标库

***** Javascript *****

=> Javascript代码验证工具 - JSHint

参考资料：

参考资料：

HTML5 respond.js 解决IE6~8的响应式布局问题

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Template</title>
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

  </body>
</html>

=> jquery-hashchange ：通过设置URL上的hash值来实现浏览器浏览历史的保留

参考资料：

JQuery HashChange插件修改

jQuery hash 插件

=> jquery-encoder : 数据检查过滤

=> HttpOnly

参考资料：

什么是HttpOnly

使用HttpOnly提升Cookie安全性

=> IE Alert

参考资料：

IE浏览器版本过低提示插件IEalert.js

=> browsehappy

升级浏览器！ - 快乐浏览 | 中国版 Browse Happy | 谷歌浏览器下载地址

Unicode编码转换

posted @ 2017-04-02 10:17 linyongqin 阅读(180) 评论(0) 收藏举报

刷新页面返回顶部