传统菜单制作成本高，工艺复杂周期长，显示的信息量小，更换非常麻烦。由此，我诞生了

采用HTML5+CSS3这样的开发设计为的是能够最大限度的节省开发成本并且实现多平台的应用，虽然该电子菜单本身的功能并不算多强大，只具有产品展示，产品介绍，价格标签等传统菜单具备的功能，然而相对于传统菜单来说，优点显而易见，那就是电子菜单更新简单，更新速度快，简单明了的界面却具备了传统菜单应有的信息，大图浏览模式更容易抓住客户的眼球。

展示地址：http://im050.com/im050/yeboqingba/…

纯属打发时间时瞎扯的产物。

http://www.im050.com/im050/bcbk/index.html…

利用XML+PHP+AJAX实现的即使聊天系统。

只是一个小玩意，不做解说啦，直接提供下载。

有兴趣的朋友可以下载去看看，演示地址：http://www.im050.com/im050/xmlchat/

当然还有很多不完善的地方，千万不要搞破坏~

下载地址：http://pan.baidu.com/s/1hq676Gs…

今天在网上看到一个国外写的CSS3 3D Bouncing Ball（3D反弹球），很有意思，并且实现起来也不难，于是忍不住自己也试写一遍。

大家可以先看看DEMO，http://www.im050.com/im050/memory/demo/css3-bouncing-ball.html

好玩的东西当然要大家一起分享，所以接下来我就简单讲解一下如何实现跳动的效果

<div class="wrap">
 <div class="ball">
 <div></div>
 </div>
 <div class="ballshadow"></div>
</div>

首先讲解一下结构，wrap是用来控制小球跳动的区域，ball就是小球啦，ballshadow是用来制作小球的投影，因为小球的运动和投影部分的运动（动画）效果是分开的，所以小球和投影部分要两个div来组成，而wrap设置的高度即为小球运动的高度，此时我们就可以通过top属性来很好的控制小球的位置变化。

小球运动区域CSS

.wrap {
 

在Wordpress主题开发过程中，会创建一个functions.php的文件来创建自定义代码，对原有功能的拓展及程序逻辑的完善，这就是Wordpress主题的功能文件。当主题被启用时，Wordpress会自动加载主题中的functions.php。

有些时候，我们在更换不同主题的过程中，会发现缺失了一些常见的功能，譬如特色图像、自定义菜单等等，因为这些东西的启用都与主题的功能文件有关，接下来我们看看如何来启用一些我们所常见的功能。

为主题添加FEED链接

add_theme_support( 'automatic-feed-links' );

为主题启用特色图像功能

add_theme_support( 'post-thumbnails' );

为主题启用文章格式功能

add_theme_support( 'post-formats', array( 'aside', 'image', 'video', 'quote', 'link' ) 

Animate.css是用CSS3编写的动画合集，拥有数十种元素入场或离场的动画效果，你只需要引入animate.css文件就可以轻松调用里面的动画，为自己的元素增加动画效果。

而我们调用的方法也很简单，首先引入animate.css

<link href="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet"  />

譬如你的

<div class="circle"></div>

需要调用名为bounce的动画，只需要

<div class="circle bounce animated"></div>

如果想要动画无限循环，再多加一个名为infinite的class

<div class="circle bounce animated infinite"></div>

从事前端开发，使效果能够完美呈现的同时，还会遇到一个不可规避的问题，那就是性能。而DOM Monster则能够辅助你对页面的DOM进行相关的性能调试，并且使用简单，我们只需将DOM Monster添加进书签，在需要他的时候点击他，这样，他就能够替你分析出当前网页中所出现的性能问题及相应的优化方案，诸如提示减少JAVASCRIPT全局变量，某某处有多少空节点，去除他们以提高速度等等。

此外DOM Monster还是一个开源项目，代码以托管在github，如果你想改进他，不凡试一试。

项目地址: http://mir.aculo.us/dom-monster/ 
下载地址: https://github.com/madrobby/dom-monster …

wordpress本身有很多使代码高亮的插件，但这样一来无疑使网站的加载速度变慢，于是想说是否能够通过js来实现代码的高亮，经过一番查找，网上确实有很多此类的插件，譬如SyntaxHighlighter，这个插件虽然强大，但是对于我来说却过于繁琐，我需要的仅仅只是美观简便易用，毕竟人总有惰性，为了满足自己的需求，终于发现了一款让人满意的js代码高亮插件，那就是今天要给大家介绍的highlight.js,它不仅功能强大，而且使用便捷，你只需要三行代码就能完成全部的配置。先说说这个插件的优点：

• 提供86种语言和49种风格
• 自动语言检测
• 多语言代码高亮
• 可用于Node.js
• 适用于任何标记语言
• 兼容任何JS框架

接着你可以在官网http://highlightjs.org/ 自行定制你的highlight.js

通过下面三行代码，就完成了全部的配置。

<!-- 引用highlight.js的风格 -->
<link rel="stylesheet" 

因为代码比较简单，这里就不做过多的解释，直接贴出代码。

点我查看DEMO

下面是CSS代码：

.circle-loading {
	width: 20px;
	height: 20px;
	border: 2px solid #27ae61;
	border-radius: 50%;
	border-bottom: 2px solid transparent;
	animation: