爱意两存

今天我们介绍一个非常不错的用来查看不同浏览器下CSS属性兼容性的在线工具 - Browser Support，如果你需要查看不同浏览器下CSS的兼容性的话，这个工具肯定能帮你大忙，特别如果你想在你的项目中使用CSS3的话，这个工具肯定也是你不错的选择。

使用这个工具，你可以输入需要查询的属性，当然这个工具拥有自动补齐功能，使你可以更方便的查看不同的CSS属性。

阅读全文

阅读全文

在今天这个文章中，我们将分享5个在线的Ajax”加载中”动画图标生成器工具，可以简单快速的帮助你生成Ajax加载器。

只需要：

1. 选择你的加载动画类型

2. 选择颜色

3. 选择动画速度

4. 创建 

1. CSS load online Tool

cssload.net是一个标准的在线工具，可以用来生成你自己的Ajax加载旋转动画图标。它提供预览，并且拥有速度控制。主要及其次要颜色选项给你一些别的工具无法生成的特殊效果。最重要的它能生成CSS来创建加载中图标，而不使用任何图片。

阅读全文

当你进入页面加载时而小小的的等待中，美丽的界面设计是否能给你带来一瞬间的惊叹，让你再也不觉得等待是漫长的。精致的细节，往往是最能考验设计师的技术，但同时也是最能打动人心的。今天我们就来看看下面的22个让人不得不爱的UI进度条设计。希望大家能够喜欢，一起来享受这一瞬间的美丽吧！

Stone Progress Bar

Marshmallow Loader Bar

阅读全文

JS判断不同web访问环境，主要针对移动设备，提供相对应的解析方案。

直接看 Mobile_demo

// 判断是否为移动端运行环境
// wukong.name 20130716
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
// 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式
setActiveStyleSheet("style_mobile_a.css");
}
else if(/iPad/i.test(navigator.userAgent)){
// 判断访问环境是 iPad 则加载以下样式
setActiveStyleSheet("style_mobile_iPad.css");
}
else{
// 判断访问环境是 其他移动设备 则加载以下样式
setActiveStyleSheet("style_mobile_other.css");
}
}
catch(e){}
}
}
else{
// 如果以上都不是，则加载以下样式
setActiveStyleSheet("style_mobile_no.css");
}
// 判断完毕后加载样式
function setActiveStyleSheet(filename){document.write("＜link href="+filename+" rel=stylesheet＞");}

阅读全文