明河共影???

明河共影???

明河共影??????

firebug1.7调试实用技巧指南—web前端开发七武器

firebug1.7

武器档案 名称:firebug 最新版本:1.7 用途:前端调试器 必备指数: 使用难度: firebug是前端最具盛名的调试器,功能非常强悍。firebug1.7正式版现在已经发布了,完美兼容firefox4.0(无法兼容firefox4.0以下的版本),由于firebug非常易用,这里明河不一一介绍firebug的功能,只给大家介绍一些firebug的实用技巧,有些技巧是firebug1.7才有的,有些是通用的。 1.使用“debugger”关键字......

css3实战—制作照片卷曲阴影效果

css3-shadow

(留意图片底部二角的阴影效果) 要实现容器阴影效果,对于css3来说只是小菜一碟,使用box-shadow类似如下代码即可搞定: box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 但如果要实现demo中的卷曲阴影效果......

YUI Compressor快速使用指南—web前端开发七武器

yui-compressor

武器档案 名称:YUI Compressor 最新版本:2.4.2 用途:js/css压缩 必备指数: 使用难度:(YUI Compressor非常易用,只是配置的时候会遇到些麻烦) YUI Compressor是java程序,如果你对java很熟悉的话,大可快速的上手使用yuicompressor.jar;如果你和明河一样,对java很陌生,没关系,一样可以使用YUI Compressor,只不过使用的是淘宝UED前端制作的批处理工具,算是可视化的YUI Compressor工具,......

前端中文原创推荐—只有香如故

f2e

1.这样去写你的 HTML 推荐指数: 博客:幸福收藏夹 明河点评:非常好的文章,作为web前端开发者,我们几乎每天都与html标签打交道,但关于如何更好的使用html标签,更多靠我们主观的判断,来看下这篇文章,关于html标签使用的总结。 2.IDEA快捷键使用技巧整理 推荐指数: 博客:猪的明天 明河点评:明河一直想写关于IDEA的教程,苦于时间有限,迟迟未动工,感谢猪的明天......

如何使用kissy的flash本地存储

kissy-store

在web开发中,难免遇到记忆用户信息的需求,比如为了不让用户评论时重复输入用户名、邮箱、站点信息,一般的做法是使用cookies,但大家都知道cookies的容量是很小的(字节数和个数都是有限制的,关于限制大小信息请猛击这里查看),在平常的小站点不会遇到cookies不够用的情况,但如果你正在处理大型的web应用,就很有可能遇到该问题(大的互联网公司,开发人员想要......

css3实战—制作一个弹性滑动的图片显示

css3-flexbox

看了demo的朋友,猜猜为了实现这个效果,明河使用了几行js代码?100行?200行?曾经明河实现了一样的效果,用了195行的js代码,有兴趣的朋友可以猛击《divSlider — jquery滑动门插件(明河作品)》,而在这个demo中,明河用了0行的js代码!是的,你没看错,真的是0行,不信可以打开demo源代码看下(说这段时明河突然想起了很搞的电视广告,候总吼着八心八箭…此处省略1W......

第十二天构建步骤条组件(2)—15天学会kissy

kissy-day-12

在谈KISSY.Base类之前,明河先来说说kissy中的继承,这是绕不开的话题,想要用好kissy,必须掌握kissy的继承机制。 猛击这里进入查看kissy的继承API,mix、merge、augment、extend这四个核心方法是非常重要的方法,明河严重推荐掌握,接下来明河将通过二个demo说特别明下merge和extend的用法。 1.merge KISSY.merge(a,b)有个很经典的应用场景:合并配置参数,比如合并b对象与a对象,b的对象......

9个牛逼的javascript+html5试验性游戏

2

1.Untangle 移动蓝色的点,让线不出现重叠,看看你发了多少时间。 2.Z Type ……飞机游戏的原型….. 3.Cube Out 3D版的积木…. 4.Bounce ……没弄明白是啥意思。 5.Sketch 3D 绘画板。 6.Conductor 是个有意思的效果,线与线相交,会发出声音,画出的随机图形像电路板. 7.Bacterium 8.Ultra Neuron Pong 9.Tank World 非一般的卡,但3d游戏的模型基本上已经出来了,是个好实验。 原文......

2011版RIA之家设计图放出,征求意见中…

2011-36ria-index

这次改版最大的变化是,RIA之家将改成团体博客,目前成员为四人,分别是明河、苏河、天河、飞绿,都为淘宝UED的前端工程师。明河也不再使用明河共影这个网名和账号了,哈其实就去掉“共影”…. 完整的首页设计图请猛击这里进入查看。 (图片很大,请放大查看) 这一版设计浓缩了我不少新的想法和尝试,征求反馈意见中….. 新版将彻底不支持IE6、IE7,使用html......

前端中文原创推荐—人生何处似樽前!

f2e

1.HTML5 中 div section article 的区别 推荐指数: 博客:前端观察 文章摘要:关于html5的教程现在是越来越多了,但大部分文章只是很笼统的说html5有哪些好的特性,却很少有文章深入探讨html5新的特性的应用,这是这篇教程的难得之处, section和article是html5二个主推的新语义化标签,严重推荐理解。 2.从头开始做新浪微博小应用(php+js) 推荐指数: 博客:hello,javascript 文章摘要:......

利用HTML5的window.postMessage实现跨域通信

postMessage-2

由于同源策略的限制,JavaScript跨域的问题,一直是一个颇为棘手的问题,为了解决js的跨域,web开发人员是煞费苦心,研究了各种跨域方案,如果有机会的话,明河以后会一一展示给各位,今天明河重点介绍下html5新引入的postMessage跨域方案。 1.哪些场景要考虑跨域问题? 明河这二周在处理淘宝添加收藏夹的重构,里面就有一个非常经典的跨域问题。 添加收藏弹出层外层是......