专注于网页前端研究和Web标准化! 预览模式: 普通 | 列表

劲霸男装广告词恶搞版大全

作者:dangbao 日期:2009-06-02

劲霸男装15秒广告词：
A：明天走？
B：放心吧，从小到大没输过你。
A：有你的！
B：混不好我就不回来了。（转换镜头，某男站在楼顶，手按台阶向远方呼喊）
背景音：给你这样的男人。
劲霸男装。专注夹克28年。

编辑：咋错位这么严重？
D  B：放心吧，用IE6就不会错位了！
编辑：有你的！
D  B：如果全兼容我早就跳槽了！
给你这样的网页构架师！
D  B 专注网页前端28年！

阅读全文

Tags: 广告 恶搞

分类:党宝随记 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 465

包头信息门户导航菜单

作者:dangbao 日期:2009-05-31

这是参照主流的门户导航样式给包头信息网写的。我写的代码尽量没使用图片来分隔分类菜单。而是给li用的border-right:1px dashed #ccc,经过调整了行距，看起来上下两条边框象是一条似得。效果还不错。兼容IE系列和FF。当然如果想要精确效果可以用背景图片来控制，我的例子仅供参考。请运行代码后查看效果…

阅读全文

Tags: 包头 菜单

分类:兼容代码 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 57

谈页面重构的团队协作和后期维护

作者:dangbao 日期:2009-05-27

为什么写这篇文章？因为我看到越来越多的公司重构职位要求注重这方面。一个公司的网站一旦成型以后，就很少去做大的调整和改版。剩下的就是缝缝补补、改改换换。恰恰是这些看似是小问题的问题，前端人员发愁了。在原有结构上替换某一处的内容还可以，但是一旦涉及到新需求必须改变原有页面结构的时候，矛盾出现了。原来的结构是深思熟虑、精心编排的，而如果确定需要改动的话，很可能影响甚至破坏页面其他区域。而且，这个时候的页面的静态动态已经成型，更改只能是页面和程序一起来协作进行，使得工作效率变的很低，测试也有点麻烦。改的时间也不一定是你刚写完就改，也许是放下好几个月后又来，又怕写的样式和别的地方冲突，又担心写的东西不兼容，结果可能是越改越乱，虽然页面表现上没什么问题，但是从代码上讲，已经打破了原来那么规整严谨的书写。对于一个专业的页面重构人员，这么情况实在是很难受啊。那么，如何尽量避免后期维护出现的不利因素呢？现在我就来谈谈我自己的感受…

阅读全文

Tags: 前端 重构

分类:重构资源 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 45

一样的SNS，不一样的人脉

作者:dangbao 日期:2009-05-25

偶然通过一个链接得知了若邻网，一看首页感觉就是SNS站，但我却发现了在LOGO后面清楚的写着“找人脉 上若邻”。提到人脉，我想起了去年参加的北京大学人力资源论坛上一位专家的演讲，就是说的人脉资源PK人力资源。那番讲话我深有感触，在如此迅猛发展的社会，人脉的关系是多么重要。于是我决定看看这个注重人脉的SNS站什么不同……

阅读全文

Tags: WEB2.0

分类:网络观察 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 46

包头-五月物语

作者:dangbao 日期:2009-05-18

今年的五月比较忙，北京-包头来回两趟跑。
稍美+烩菜+焙子+碗托+过油肉土豆片+空气好=舒坦。
很长时间没听草原歌曲，晚上喝点雪鹿听上点效果很好。
北京的热和包头的热不一样。北京哪都是热的；包头挡住太阳就凉快。

Tags: 夏天 包头

分类:党宝随记 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 29

推广新方式之微博客

作者:dangbao 日期:2009-05-12

为什么题目这样写？原因很简单，就是我在玩微博客的时候经常见到一些人发表个诱惑的标题和一串网址。虽然有些题目比较让人厌烦，不过一些发现新鲜事物并乐于分享的人还是会发好东西。说到这里，相信你也会有点想法。也许你想问，那么多的微博客，还一个个去发啊。哈哈，你要真这么想，还说明你真的不了解微博客。
Code
所谓“微博客(micro-bloging)”就是一种非正式的迷你型博客 ,它是最近新兴起的一个web2.0表现，是一种可以即时发布消息的类似博客的系统，它最大的特点就是集成化和开放化，你可以通过你的手机、IM软件(gtalk、MSN、QQ、skype)和外部API接口等途径向你的微博客发布消息。
微博客的另一个特点还在于这个“微”字，一般发布的消息只能是只言片语，像Twitter这样的微博客平台，每次只能发送140个字符...

阅读全文

Tags: 推广 博客

分类:网络观察 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 24

WY纵向循环切换焦点区域

作者:dangbao 日期:2009-04-28

门户近来比较流行的一种TAB切换,版式上左面是一块大的焦点区域，一般是放一张吸引人眼球的图片。右面则是现实与图片关联的标题。自动纵向顺序切换TAB内容，当然鼠标经过任何一个右边的标题，左边会跳到与之相关联的焦点区域。废话不多说，点击查看文章后运行代码看效果吧！

阅读全文

Tags: 焦点图 门户 tab

分类:兼容代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 110

卸载软件后IE中不能显示PNG图片

作者:dangbao 日期:2009-04-23

由于对fireworks cs4的使用感觉不是很顺手，今天决定先删除掉。顺利删除了以后，突然发现在IE浏览器中，所有的PNG后缀的图片全都不能正常显示了，全部显示的是叉。然后在非IE浏览器中又是正常的。想起了前些日子，有个群友说他卸载了photoshop后png也不能看了，呼叫了半天也没找到那人。于是开始自己查资料，都说是卸载软件时候把系统的PNG带走不，而且在“文件夹选项”中也没有改扩展名的文件了，我根据网上说的在注册表中添加字段属性了，但是还是没能成功。正当我要开始怀疑本人RPWT的时候，看到有人说重新安装flash_player就OK了，抱着试试的心态我去adobe官网下载了最新的Adobe Flash Player version 10.0.22.87，果然没问题了。哈哈。特此公布一下，因为我看到有的朋友始终没有解决这个问题，不是重装浏览器就是恢复系统或者重装系统，可真是够折腾人的。希望看到的朋友能顺利解决问题。

Tags: IE PNG

分类:网络观察 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 96

IE和FF背景图片居中的偏移差异

作者:dangbao 日期:2009-04-21

今天在做公司的一个企业站，用的是一个左右有固定宽度阴影的图片做大背景。让中间的内容部分看起来很充实很有质感，这也是企业站常用的设计方法。记得在刚学网页用TABLE布局的时候就弄过这样的页面。过去基本不会考虑浏览器尺寸和兼容性的问题，所以几乎很快就做好了。在考虑浏览器兼容和分辨率大小的情况下，用XHMTL布局就发现了这样的差异：IE和FF对大背景图片居中的解释居然不同,其它浏览器则和IE的显示相同。在消除了hmtl、body、div等的默认属性后，我开始这样写：
Code
body{background:#f3f3f3 url(../images/bg.gif) repeat-y center;}
按照这样的描述，背景图片是随分辨率和窗口的大小的改变后居中显示。可是我发现在IE中是正常的，FF下却明显的偏移了2px。开始我以为是IE和FF解释的容器宽度不同导致的，但无论我如何更改容器宽度，在FF下，容器的边和背景始终贴不到一起。

阅读全文

Tags: 浏览器 兼容

分类:兼容代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 130