早上浏览starof的::before和::after伪元素的用法时，看到提出的第四点，故着重研究了下，并对照张鑫旭前辈的demo的写了个测试例子。 首先，还是先来介绍下css计数器counter()是个什么东西，参考网址为http://www.w3cplus.com/css3/css-cou...
分类：
Web程序 时间：
2015-09-24 16:31:18
阅读次数：
371
效果如下：
鼠标放上“不要碰我，雅蠛蝶"，内容立马变成了"我说过不要碰我！"
这样就能自定义一个属于你自己的标签，是不是非常容易呢？wow，从此麻麻再也不用担心我找不到适合自己的html标签了。
----- 摘录自前端牛人张鑫旭的博客...
分类：
Web程序 时间：
2015-08-27 16:50:24
阅读次数：
162
参考资料： 张鑫旭 : http://www.zhangxinxu.com/wordpress/2011/02/html5-drag-drop-%E6%8B%96%E6%8B%BD%E4%B8%8E%E6%8B%96%E6%94%BE%E7%AE%80%E4%BB%8B/ ^_^肥...
分类：
Web程序 时间：
2015-08-13 17:43:35
阅读次数：
208
参考文章： w3c : http://www.w3.org/html/ig/zh/wiki/HTML5/history 张鑫旭 : http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacesta.....
分类：
Web程序 时间：
2015-07-31 12:16:00
阅读次数：
129
当时写这篇文章主 要是想探讨一下优雅降级和渐进增强的区别，按照正常的逻辑思维，不管是降级还是增强，应该对于效果是没什么区别的，因为后者会覆盖前者，但今天无意看到张 鑫旭的一篇文章，关于CSS3属性的书写顺序（10年的，原谅我的孤陋寡闻T_T），标准的css3属性和带webkit的前缀在某些情况是不一...
分类：
Web程序 时间：
2015-06-18 15:13:50
阅读次数：
214
原文来自：张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]二、最最基本的CSS顶部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可缓存以上没什么好说的。三、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{...
分类：
其他好文 时间：
2015-06-13 15:28:10
阅读次数：
132
前言 下午忙里偷闲想写一个可拖拽的例子，留在脑海里一直都是三个事件mouseDown,mouseUp,mouseMove， 但从没有动手实践过，今天想起了自己实践了并学习了张鑫旭的demo实现。 学习张鑫旭代码的同时又了解了几知识点。 1、obj.currentStyle[attr] 和ge...
分类：
Web程序 时间：
2015-06-11 20:49:19
阅读次数：
200
在看张鑫旭前辈的css3相关文章时候，看到一个用css样式实现一个“+”加号效果http://www.zhangxinxu.com/wordpress/2015/04/css3-radius-outline/这里面接触到一个新的css3属性，outline，翻译成中文就是——"轮廓";语法：outl...
分类：
Web程序 时间：
2015-06-09 00:39:32
阅读次数：
289
之前开发写了一个拖拽的小demo,所以记录一下拖拽相关的知识。 下面这段摘自张鑫旭老师的文章. 1.DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。 2.draggable 属性：就是标签元素要设置draggable=true，否则不...
分类：
Web程序 时间：
2015-05-13 00:46:30
阅读次数：
173
今天网上看到张鑫旭大神的一篇模拟圆角outline的文章，觉得很强大，很神奇，很流弊，所以赶紧记录下来，供大家分享，学习！ outline有个特性就是它不会占据空间，这是个很强大的属性，但是一般的outline都是方形的，那怎么才能实现绚丽的圆角outline效果了？我们都知道css3中有bo...
分类：
Web程序 时间：
2015-05-07 13:53:56
阅读次数：
145
