手机移动端与web资源整合
发布于 2015-12-25
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="fo...
阅读(3319)赞 (0)
所有文章 第4页
css3 混合模式
发布于 2015-11-20
最近看了一个网站，上面有种效果特别奇妙，然后好奇研究了一下。只想说一句话就是 ：“论前端学好的ps 的重要性” mix-blend-mode：normal; //正常 mix-blend-mode：multiply; //正片叠底 mix-blend-mode：screen; //滤色 mix-blend-mode：overlay: //叠加 mix-blend-mode：darken; //变暗...
阅读(2158)赞 (2)
jquery tmpl 详解
发布于 2015-09-29
动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。 这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。 浏览器端根据 JSON 生成 HTML 有个很苦...
阅读(14593)赞 (4)
html5旋转的太阳系动画
发布于 2015-09-09
HTML5 Canvas CSS3模拟实现旋转的太阳系动画，相当牛叉我觉得，以前有一个是CSS3写的，各这个差不多，有兴趣在本站搜索“CSS3太阳系星球效果图”，各个星球围着太阳旋转，速度不一样，有运动轨迹线，学习Canvas动画的好范例。 <!doctype html> <html> <head> <title>html5旋转的太阳系动画</...
阅读(2796)赞 (2)
CSS3技巧：利用css3优惠券
1发布于 2015-08-26
在很多购物网站上都能看到优惠券，代金券，什么什么的券，但基本都是图片直接放上去，那么你有没有想过css来做一个呢，反正我是这样想过。那么你 怎么做呢，切图做背景平铺边缘，嗯，有这样想过，如今css3技术这么先进再用背景做平铺是不是已经out了，那么今天给大家介绍一个用css3径向渐变 做的优惠券。 CSS3 径向渐变和线性渐变是很相似的，首先来看其语法： -moz-radial-gradient(...
阅读(3276)赞 (0)
免费套图：一套非常不错的 SVG 图标
1发布于 2015-07-17
Glyph 是 SmartIcons 出品的一套 SVG 图标，看起来非常不错，将近 800 个图标。他们在官网宣称： Icon font is so yesterday. Say hello to “Glyph”, a semantic and versatile SVG icon set designed for customization. Icon font 已是昨日黄花。拥抱 Glyph...
阅读(2683)赞 (5)
AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
发布于 2015-07-17
“有客户投诉，说在删除指定的某条记录时,结果删掉的却是另外一条记录!” 看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。 后来发现这个Bug是由于在 ng-repeat 中使用了 $index 引发的。下面一起来看看这个错误是如何引发的, 以及如何避免这种bug产生,然后说说我们从中得到的经验和教训。 一个简单动作(ac...
阅读(2891)赞 (0)
html5搜索框
1发布于 2015-07-16
html5表单属性。 实例图片： 代码如下： <input type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech> 很赞？Yes！ 简短的几个代码就能实现原本多行JS才能实现的完美交互效果，这就是HTML5略窥一点的赞！ placeholder是为了设置初始值，并且这个初始值的颜色为灰色，当input的内容变动时，这个值...
阅读(2000)赞 (0)
rose
发布于 2015-07-16
<html> <head> <title>rose</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body style="margin-left:350px"> <canvas id="...
阅读(1619)赞 (0)
LESS/Sass 编译工具Koala介绍
发布于 2015-07-16
越来越多的人开始使用 less 等预处理器的方式来编写 CSS 跟 JavaScript ，比较流行的有 less 、 sass 、 coffeescript 。 Less 等代码无法直接在浏览器中执行，最终还是需要编译成 CSS 或 JS 。它们语法很棒，但是它们的编译方式却不够灵活。官方基本上都是只提供命令行的方式进行文件编译， less 还可以在页面中嵌入一个 less.js 进行在线编译，...
阅读(1654)赞 (0)