分类目录归档:code

wordpress主题制作常用到的方法函数

页面编码:<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />;
页面标题:wp_title( ‘|’, true, ‘right’ );
博客名称:bloginfo( ‘name’ );
博客描述:<?php bloginfo( ‘description’ ); ?>
博客样式:<link rel=”stylesheet” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />
博客主页地址:<a href=”<?php echo home_url( ‘/’ ); ?>”></a>
博客主题地址:<link rel=”shortcut icon” type=”image/x-icon” href=”<?php bloginfo(‘template_url’)?>/img-res/favicon.ico” />
博客导航,一步生成 :<?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
全局当前页码:global $page, $paged;
wordpress官方列举的全局变量列表: http://codex.wordpress.org/Global_Variables

Continue reading wordpress主题制作常用到的方法函数

Java进行MD5加密

直接上代码,JDK6已经有一个方便点的类帮助简化步骤:

package com.cssor.test;

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;

public class MD5 {
	/** 
     * MD5 加密 
     */  
    private static String getMD5Str(String str) {  
        MessageDigest messageDigest = null;  

        try {  
            messageDigest = MessageDigest.getInstance("MD5");  

            messageDigest.reset();  

            messageDigest.update(str.getBytes("UTF-8"));  
        } catch (NoSuchAlgorithmException e) {  
            System.out.println("NoSuchAlgorithmException caught!");  
            System.exit(-1);  
        } catch (UnsupportedEncodingException e) {  
            e.printStackTrace();  
        }  

        byte[] byteArray = messageDigest.digest();  

        StringBuffer md5StrBuff = new StringBuffer();  

        for (int i = 0; i < byteArray.length; i++) {              
            if (Integer.toHexString(0xFF & byteArray[i]).length() == 1)  
                md5StrBuff.append("0").append(Integer.toHexString(0xFF & byteArray[i]));  
            else  
                md5StrBuff.append(Integer.toHexString(0xFF & byteArray[i]));  
        }  

        return md5StrBuff.toString();  
    }  

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		System.err.println(MD5.getMD5Str("a"));
	}

}

来源: http://warren.iteye.com/blog/107386

当前CSS抒写习惯

保持了火狐工程师推荐的属性书写顺序习惯:

/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* margin
* padding
* width
* height
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/

 

惯用的css reset写法及常用类:

Continue reading 当前CSS抒写习惯

使用 Node.js 作为完整的云环境开发堆栈

来源于: http://howe.im/编程/使用-node-js-作为完整的云环境开发堆栈.html

随着技术创新表面上继续以指数级速度发展,新思想层出不穷。服务器端的 JavaScript 就是这些新思想之一。 Node.js 是一种事件驱动的 I/O 框架,用于 UNIX 类平台上的 V8 JavaScript 引擎,适合于编写可伸缩的网络程序,如 Web 服务器。 Node.js 正是这种新思想的实现。 

Node.js 并非与 JavaScript 抗衡,而是使用它作为完整的开发堆栈,从服务器端代码一直延伸到浏览器。Node.js 还充分利用了另一种创新思想:通过回调利用异步 I/O 的并发性模型。 

Node.js 云计算平台 

在云计算环境中使用 Node.js 框架时,能显示出它的一个巨大优点。对于应用程序开发人员,这往往归结使用平台即服务 (PaaS) 或基础架构即服务 (IaaS) 模型。对于开发人员而言,最抽象和公认最方便的方法是使用 PaaS 提供程序。图 1 十分简单地说明了 PaaS IaaS 模型的结构。

Continue reading 使用 Node.js 作为完整的云环境开发堆栈

jCarouselLite-好用的图片滚动插件,修改加入悬停习惯

插件Home:http://www.gmarwaha.com/jquery/jcarousellite/index.php

一直在用,并且没有想过自己再造轮子的插件,作用是图片列表上下或垂直滚动,可以添加方向控制按钮,你应该懂的。

用法很简单,jquery插件通用的套路,具体看官网。个人对这个插件做了下修改,当设置为自动滚动时候,鼠标放上去可以停止,离开则继续,同时增加一个button inactive类名设置。下面进入正题。

Continue reading jCarouselLite-好用的图片滚动插件,修改加入悬停习惯

不定大小的图片居中,并拥有等宽的信息条


看效果就知道了。

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
  <meta charset="utf-8" />
  <style>
  .item-wrap {width:800px;background:#f60;text-align:center}
  .item-meta, .item-link {display:inline-block;text-align:right}
	.item-intro {display:block;padding:2px;background:#333;color:#fff;text-align:center;}
	.item-link {background:green}
  </style>
 </head>

 <body>
	<div class="item-wrap">
		<span class="item-meta">
			<img alt="" src="" style="display:block;width:300px;height:400px" />
			<span class="item-intro">信息的显示</span>
			<a class="item-link">一个链接</a>
		</span>
	</div>
 </body>
</html>