HTML:编写干净的且富有语义的html代码

分类:CSS、XHTML, 前端工程译文 发表时间:2009年11月30日

cleaner-coding

如果你是一个使用div标签做任何事的家伙,那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板,那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码,不仅对你自己有益,而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间(特别是比较大的一些项目)。

1.尽可能少地使用div标签;
2.使用div标签来控制页面的整体布局,如头部,内容部,侧边栏,底部等;
3.内容必须包含在对应的语义标签内,而不是包含在div内;
4.格式化你的源代码并且在结束标签处给出对应的注释语言。

该文翻译自:WebDesignWall: Coding Clean and Semantic Templates

jQuery:增强型走马灯公告栏,可以抛弃marquee标签了

分类:jQuery, 案例分享 发表时间:2009年11月26日

noticeBox-thum

昨天晚上收到的求助邮件,说因上级的要求需要制作一个走马灯效果的公告栏,希望我可以帮助他解决。因看到邮件的时候都快要睡觉了,所以并没有立即处理。

今天早上到了公司,放开手边的工作,花了一点点时间给他制作了一个主流浏览器都兼容的走马灯公告栏。然后mail给他,但他过会儿回邮件说缺少鼠标悬停时停止的效果。于是乎有花了几分钟添加了相应的代码。到了下午快下班的时候,该同学又发来了邮件,说我的公告栏的效果有点欠缺,现在的效果和marquee标签的效果一样,需要等内容上移完成后才会重复滚动,如果可以连续滚动的话那就完美了。

于是就在刚刚的时间我有花了几分钟的时间给他解决了,mail给他。不知道他是否还会有什么新的要求呢,期待啊!毕竟这对我来说也是一个挑战嘛,同时也帮助到了别人,何乐而不为呢!

WordPress:将文章自动显示为两列

分类:Hack技巧 发表时间:2009年11月25日

two-columns

很多博客都有一行显示多个post文章的样式,他的原理其实非常简单,今天找到一段php代码,只需在functions.php文件中添加上,那么你的文章也会多列显示,非常实用!

1.打开functions.php文件,添加相应的php代码,通过判断是否是第二次输出来给出左右浮动的div标签。

2.完成在functions.php文件中添加好上面的代码后,记得打开style.css文件,添加上样式代码。

那么同理,我们可以根据判断$i变量来输出3列、4列等。

资讯:2009年11月编程语言排行榜

分类:互联资讯 发表时间:2009年11月18日

2009.11.language-logo

Tiobe网站更新了最新09年11月份的编程语言排行榜,该月的更新比之前来的要晚了很多,所以我的博客相应地语言排行榜一文也就推到今日更新。

相比十月份的编程语言排行榜的图表看来,Java、C、PHP、Javascript语言的排名保持了上月的位置,而位置变化最为明显的是Perl语言,从上月的第6位下降到了第8位,该语言不是我所关注的,所以不做更多的评论。

现在的我Javascript语言使用的最多,或者说是jQuery库用的比较多吧。所以我希望Javascript语言可以一直保持他的位置,或者可以更往前提升位置。期待吧…

主题:我的第三个主题innerNews提供下载

分类:原创主题 发表时间:2009年11月8日

inner-logo

在之前的文章(工作:辞去旧的工作,迎来新的工作)曾说将共享内部新闻的主题,今天得闲终于可以实现了。之所以说是第三个主题,是因为根据时间来决定的。第一个主题在(主题:我的第一个主题ihiro提供下载了)一文中已经共享给大家,而第二个主题则是我现在用的(暂不共享)。

今天共享的该主题非常简约,是我在前一家留学公司时为公司内部新闻发布而制作的主题。既然是内部新闻,所以是一定要登录了才可以查看的。整个主题文件夹非常精简,总大小13.6k,包括主要的文件index.php、style.css外,只有两个用户分隔的背景图。因为只是用于发表内部新闻的缘故,没有添加评论功能。

介绍函数:的区别

该主题因需要登录,所以有点局限性,适合公司内部使用。也可以去掉相应的判断代码即可无需登录了。

插件:我的第一个插件–简约的scrollTop滑动插件

分类:jQuery, 插件开发 发表时间:2009年11月2日

hiro-scrollTop-plugins

周末无事,便写了一个简约的scrollTop插件。在前面的文章(jQuery:Scrolltop滑动插件推荐(修正注释版))中,我曾介绍过一款我在网络收集的相关插件。但发现该作者的代码确实很繁琐,不是很优雅。而我的该scrollTop插件代码就那么十多行,代码非常简单,也非常实用,适合大众使用!

这也是算是我的jQuery插件开发之旅的开端吧,以后一有机会我就会陆续开发一些自己的插件,也尽量写一些简约的插件与大家分享。也希望有这方面的朋友可以多多交流。话不多说,上插件!

该插件的好处是无需在html源文件的头部添加任何标签,只需调用方法即可实现效果!