《HTML5 实战 WebApp 阅读应用 – Shiu》幻灯片

今天去南京 HTML5 沙龙分享了一个幻灯片,讲 Shiu 的开发,同时也分享在这里。 Shiu 的源码托管在 Github,地址是 https://github.com/alswl/shiu 感兴趣可以去看看。 噢,Shiu (/ʃʐy/),中文音标 (shi rü)),是一款基于 WebApp 的阅读应用。

2012-05-05 · alswl

jQuery.html()在IE下面错误解决办法

今天遇到一个jQuery的.html()设定错误问题,FF和Chrome下面都能够正常工作,而IE下面却失败。 检查之后,我把问题定性到jQuery.html(html)设定在IE下有问题。当设定html文本中含有空行、空格、Tab时候,会出现异常中断,导致html ()设定失败,但是又不会引发js错误。 狗日的IE! 下文是Google来的参考文章:使用 jQuery .html() 得到的string时, 在IE中出现错误的解决方法 使用 jQuery 的 .html() 函数( 使用 .text() 也类似 )得到元素内的值使用时,在IE6中出错,FireFox 中正常。 ...

2011-11-07 · alswl

jEmotion

Thumbnail

重要通知:Log4D的域名由 http://dddspace.com 迁移到 http://log4d.com 。 订阅地址现在改为 http://log4d.com/feed 和 http://feeds.feedburner.com/dddspace 。(FeedBurner的地址未发生变化) 白天工作时候需要一个功能,我搜了一下Google,没有找到合适的,就花了半天时间写了一个jQuery插件jEmotion。 jEmotion的主要功能是用来给输入框加入转义之后的表情代码,然后在页面显示时候可以重新将表情代码转回表情图片。 jEmotion的代码托管在GitHub上,地址是 https://github.com/alswl/jEmotion 。 demo地址是 [http://lab.log4d.com/javascript/jEmotion/demo.html](http://lab.log4d. com/javascript/jEmotion/demo.html) 。 这是我写的第一个jQuery插件,写完还蛮兴奋的,哈哈。 ...

2011-11-04 · alswl

网页渐进式载入图片

Question 为什么有的网页打开图片是从上到下逐行打开,有的则是先显示低分辨率图片再逐渐加入细节? Answer 感谢@吴亚桐 回答给我找到线索,感谢提问者的好问题,我为这个问题曾经困惑了多年。这种渐进式载入方法容易和其他渐进式载入混淆。 我这里小总结一下几种渐进式载入办法。 js 延迟载入,当浏览器滚动条拉到下面时候才显示出图片,参考 http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/ 使用两张一大一小照片,小的先显示,等大图片完全下载好之后再载入。参考 http://blog.rexsong.com/?p=929 图片渐进式技术,也就是本问题。 大图片切割成小图片,逐个载入,这是互联网早期方式,现在已经几乎看不到了。 太浪费http连接了。 下面是答案: ...

2011-09-23 · alswl

简单输入提示框实现

Thumbnail

早期的输入框提示是这样的(via baidu) 左边一个 label ,右边一个输入框。 比较现代的方式是(via Discuz!) 更漂亮的方式是(via 点点) 登录提示信息是放在输入框里面,可以减少文字干扰,我也想在自己手头的小项目中实现这种效果。 我需要达到几个要求: 提示信息是可以暂存的,即用户的输入在清空之后,还能够显示原来的提示信息 只需为 text / textarea 添加一个 class 即可实现效果 不修改 DOM 节点,避免影响上下文选择器 为了实现效果,我需要将提示信息暂存到某个地方。有3个地方可供选择: js 全局变量、输入框自定义属性、上下文 DOM 节点。 ...

2011-08-18 · alswl

get json failed in IE

半夜在开工打补丁,某个 bug 是 Firefox 下面能接受到 Ajax 回调请求,而 IE 不行。 解决方案在[http://stackoverflow.com/questions/425854/jquery-ajax-request-failing- in-ie](http://stackoverflow.com/questions/425854/jquery-ajax-request-failing- in-ie) 缘由是由于 IE 不能正常识别application/json; charset=utf8 于是修改为response.headers['Content-Type'] = 'application/json' 狗日的 IE!

2011-08-14 · alswl

Html元素事件查看器Eventbug

Thumbnail

Chrome的开发者工具里面有一个小功能:查看当前元素的Event,比如onclick/onblur等事件。 一直想在Firefox里面也找到类似的插件,今天正好看到这么一个好东西,叫做EventBug。 官方的介绍如下 Eventbug是一款能够列出所有绑定事件的Firebug扩展,它将这些事件按事件类型排列。 需要Firebug1.5 源码沿用Firebug的BSD风格协议 请使用Firebug的Bug报告列表来提交问题 请使用Firebug的新闻列表来提出问题 作者:John J. Barton, Jan Odvarko ...

2011-07-04 · alswl

7条大型网站设计和维护的关键技巧[译文]

Thumbnail

原文出处:[7 Crucial Tips for Designing and Maintaining a Large Site | Nettuts+](http://net.tutsplus.com/articles/general/7-crucial-tips-for- designing-and-maintaining-a-large-site/) 译者:alswl 以下为译文 项目范围和规模各不相同,他们带来的挑战各不相同一样。作为一个独立的网页设计师,我最大的职责就是负责FlashDen。随着成千上万的活动用户聊天,上传和购物, 网站处理着大额的金钱和巨大的流量。 设计,重构,维护和开发团队的工作给了我一些能使事情变得更容易的用用的见解和技巧。而且,就在昨天,我们开始了对网站最大的一次重构,着看上去是一次很好的机会来记 录我最有用的7个秘诀。 ...

2010-07-17 · alswl

IE XML 缓存问题

明天开始上交毕业设计初稿,其中有一节是遇到的问题和解决办法。我把平时在BooguNote 中的琐碎片段整理出来,便有了此文。 PS:之前已经有过3篇相关毕设的文章: CakePHP的全局变量 FMS的80端口占用 SWFObject 一款JavaScript的Flash检测与插入模块 —- 正文开始 —- 问题背景 系统要实现一个操作,即每次向同一个url 请求一个GET方法获取一个xml文件,这个xml文件记录着聊天数据并且是即时生成的。当用FireFox或者Chro me请求时候都能获得正确的数据,而IE则常常出现无法获取实时的XML数据。 ...

2010-06-02 · alswl

flower shop 汉化

Thumbnail

死党的女朋友的一门网页设计课需要作品,向我求援。我看了一下他们的课件,没有什么动态语言,静态的Html页面即可。 在[99款高质量免费(X)HTML/CSS模板-DIV+CSS模版下载 | 彬Go](http://blog.bingo929.com/99-high- quality-free-xhtml-css-div-templates.html)看到很多款极佳的网页设计,反复删选后,决定选用一款Flower Shop的作品。 原始预览: http://csscreme.com/freetemplates/flower_shop/ 原始下载: http://csscreme.com/tpsaveas.php?tp=flower_shop.zip 花了1个小时汉化了页面,想了想,还是把这个汉化发布吧。 ...

2010-03-23 · alswl