关注SEO优化、社交网络和网站开发
即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时的表现。例如，如果你没有给一个盒模型指定一个高度，那么它就会随着内容的增加变得越来越高。但是如果当你为盒模型指定一个高度、而其内部的内容不能与其完全匹配时又会怎么样呢？这时就要用到CSS中的overflow属性了，它允许你来设定如何处理多余的内容。
overflow有四个属性：visible（默认属性）、hidden、scroll和auto。此外它还有两个姊妹属性:overflow-x和overflow-y，这两个使用的相对较少。
Continue reading...Google为帮助网站增加社会化功能，推出了Google Friend Connect，到目前为止已经增加了像留言、加入网站、投票等多种功能，但是这些都对于Google Friend Connect（GFC）的初级应用。对于GFC的高级应用是使用其开放的API接口，使用些接口可以实现多种复杂功能。其中，可以实现OpenID功能，只要访问都拥有一个Google账户就可以登录到你的网站上，和使用在你的网站注册账号一样，此外还可以引用用户的资料，如用户头像、用户加入的网站等，功能相当丰富。这里有Google提供的演示网站。
Continue reading...一、李魁遇见李鬼
偶然收到朋友来自开心网（本文所有“开心网”均指kaixin001.com，“千橡开心网”、伪开心网、假开心网均指kaixin.com）的邀请，随即点击注册，并在上面找到了很多好朋友、同事，感觉很有意思，很喜欢。由于是邮件中直接跳转过去的所有当时没有链接。后来再上时，凭借直觉输入www.kaixin.com登陆，结果问题提示用户不存在，窃以为是忘记了用户名了，使用找回功能扔提示未注册，于是重新注册，但是进入之后原来很多能找到的朋友都没有。意识到可能有问题，便发邮件给朋友，朋友告知真正的开心网是kaixin001.com而不是kaixin.com。他也曾经稀里糊涂地在这个伪开心网上注册过账号还玩了几次，直到发觉个中奥妙。原来kaixin.com这个假开心网是千橡旗下的网站，并在购买了kaixin.com这个域名之后开始抄袭开心网，也做起了“开心网”。
Continue reading...今天突然发现一个很奇怪的问题，一些专注于CSS和XHTML、Web 2.0和Web标准的网站都在探讨如何去掉当鼠标点击时超级链接周围的虚线框（outline）如，outline:none 或者 outline:0。可能有时候默认出现虚线框（outline）会影响美观，但是它的存在必然有它的道理：那就是提高网站的易用性，特别是给使用键盘导航的人带来极大的便利。我们在讨论语义化，易用性的同时却总在做与其背道而驰的事情。
一、虚线框（outline）给键盘导航带来便利
我在阅读文章的时候有个习惯：极少使用鼠标，基本上全部靠键盘。而使用最多的就是Tab键、PageUp、PageDown、Entern还有四个方向键。Tab键用来导航超级链接，可以在不同超级链接之间切换，选中某链接之后直接按Enter进入（现在你就可以使用Tab键在本页上看看效果）。当Tab键聚焦（focus）某链接时这个链接的周围就会出现一个虚线框（outline），代表这个链接已经处于焦点状态，确定即可访问。当然很多人可能会说，使用鼠标多么方便啊，干吗用键盘？在这里我想说几个理由。
Continue reading...首先感谢aw5186网友在本站的留言，是他的留言让我意识到了这个误区。
长久以来，我们都口口相传Internet Explorer 6是不支持CSS中的!important属性的，这不仅体验在从一些高手那里传授过来的经验，网络上的教程中，甚至在某些经典教程中都存在这样的认识误区。包括在CSS Matery （作者:Andy Budd等）也没有提及CSS中的!important在Internet Explorer 6中的问题。此书中讲到的CSS Hack技术也使用了我前面那篇文章中的说法。不过，按照我的（或者说是大多数人的）习惯，基本上都不会发现CSS 中的!important会存在问题。
Continue reading...电脑主机在一次大修之后搬回来接到显示器上，感到有些许怪异：不同深度的红色被表现以灰色到黑色，鲜艳的绿色则成了黄色。经过观察发现，原来显示上没有红色，所有的红色都以为没灰度的灰色代替，看上去相当别扭。
大家都知道，红色是三元色之一，三元色也就是我们经常说的RGB，即R代表红色，G代表绿色、R代表红色，他们构成屏幕所有你能看到的颜色。那么如果缺失其中的任意一种都会造成视觉上的极大反差。
在弄明白了出现问题的原因原因所有之后，就是要一步一步地排查了。下面是我的解决办法和在网上找到的一些可能有用的解决方法，在这里一列出来。首先要明白一点就是，屏幕颜色不正常不外乎两大根源：显卡和显示器。那么我们就从这两点一一来说吧。
Continue reading...我的PJBlog在从2.7升级的3.0的时候，犹豫了很久。升级到PJBlog3.0就是看中了新增的静态页面功能，但是同时又担心造成博客出现大量的404未找到的错误。但升级之后，发现其实PJBlog 3支持多种链接方式，即使是使用完全静态模式，2.7的链接地址仍然可以使用。在纯静态下，PJBlog 3支持3种链接方式：
www.dudo.org/?id=178 这种方式实际上是先访问default.asp又做了跳转，返回的状态码是302；
Continue reading...相信每个人都会Google（谷歌）搜索自己想要的东西，只要在搜索框里输入CSS或者XHTML，Google就会返回大量你需要的信息，接下来的工作就是你仔细地在这些信息中找到真正对你有用的。但是Google的搜索框除了上面的功能之外还深藏着许多十分有用小秘密，下面我们就把他们一一发觉出来：
Continue reading...Dudo.org升级到PJBlog 3之后做了一系列的优化，在不断试用之后拿出来大家一一分享。今天先说一说在PJBlog 3中实现单击自动输入验证码的问题。更多的PJBlog改进方案大家可以访问PJBlog^3官方论坛。
从PJBlog 2.7开始，验证码的功能就很好很强大了，但是同时也给手工输入带来了不小的麻烦——经常输错。之前我写了一个《自己写的一个PJBlog中可以双击输入验证码的修改》，不过在那篇文章里用的方法是在页面底部加一个iframe来实现的双击，在PJBlog 3里面已经有了AJAX的功能，所以完全不用那么麻烦了。
Continue reading...浏览器对于CSS的支持问题落后于CSS的发展，以占有市场绝对份额的Internet Explorer来说，直到其前不久发布的第8个版本才刚刚完成对CSS 2.1的完整支持，而CSS的最新进展是CSS 3规范的制定已经行了一大半。但是这并不妨碍我们使用CSS中的新技术。虽然我们不能像使用CSS中的通用技术那样随心所欲地应用他们，但是却可以在特定浏览器中达到更加生动的效果。在适当的地方使用这些新技术，不但可以让你站在CSS技术的最前沿，更可以使你的作品给人耳目一新的感觉。
Continue reading...博客的未来是什么？很多专业人士都在思考这个问题，不过今天我这里要说的话题不是博客会发展成为什么样子（博客的未来一定是消亡，这是毋庸置疑的），我今天要讨论的博客作者的组织形式，也就是说是多人博客还是团队博客，或者是单人博客呢？
一、什么是多人博客？什么是单人博客？什么是团队博客？
多人博客：顾名思义，多人博客一个博客网站由两个或以上的作者组成，按照一定的协作方式，在既定的话题范围（也是就博客网站的主题）内写作博客，这种协作方式多是建立在相互信任和了解的基础之后的。多人博客更加确切的名称应该是“多人协作博客”。
Continue reading...在前面的文章 Google Friend Connect为网站增加社区功能中介绍了一下Google新推出的面向缺乏社区功能的个人网站服务Google Friend Connect，它旨在通过为你的网站增加不同的模块来增加网站的交互功能。5月8日Google Friend Connect再次更新并增加了新功能，其中包括：
1、事件小工具：这是Google Friend Connect社区功能的重要工具之一。某件事情在做之前你是不是要事先在你的圈子里按排好呢？把这个工具加入到你的网页中，所有参与你网站的人不但能看到事件的详细内容、地图上的具体位置、事件发生时得到提示还可以看到有哪些人对该事件感兴趣等。甚至你需点击一下鼠标就能把这个事件添加到自己的Google日历中去。
Continue reading...Photoshop笔刷让你用自己喜欢的方式和主题来完成你的艺术作品或者是某个设计。网上现在有大量的免费笔刷提供下载，但是浩瀚的网站世界让你很难准确地找到你想要的那一款。本文就帮你发掘那些最优秀的笔刷出来，并把它们他们呈现在一个页面上。下面，向你推荐15个用以创建你自己笔刷集合的资源。
1、Blendfu
Blendfu获取Photoshop笔刷必备的一个网站：它允许你预览并直接试用所有的笔刷，这样可以节省你大量安装和试用的时间。Blendfu把笔刷分成很多目录，这样你就不必花费大量的时间去挨个查找你想要用的笔刷了。Blendfu除了提供Photoshop笔刷外还提供GIMP笔刷。
Continue reading...数周前，3月20日，W3C放出了其官方网站新界面的Beta版。实际上，这不仅仅是在视觉效果上焕然一新，在网站内容和架构上都发生了不小的变化。
现在你可以通过beta.w3.org访问该页面。你还可以通过关于W3C网站的重构(About the W3C Site Redesign)和视频“重构概览”来了解更多更详细介绍。
你可以分别通过“Web内容可访问性指南2.0(Web Content Accessibility Guidelines (WCAG) 2.0 )”和HTML4.01两个网站体验新版的标准界面。
Continue reading...
最新评论