分类为‘设计’的日志
日期 : 2010年03月25日分类 : 代码, 设计作者 : admin
IxEdit是一个为简化Web交互开发而设计的一个js库，基于jQuery&UI库，用它可以快速敏捷的实现很多时下比较主流的交互效果，操作简便。
在使用它之前确认你的浏览器已经安装Google Gear，或者使用了Google Chrome作为默认浏览器。IxEdit目前放出的是beta版，使用上基本问题不大，生成的代码足够简洁，同时你还可以自行对代码进行优化。
想了解更多详细信息：
1.官方的用户手册 UserGuide（英文）:
2.阿一前辈的视频教程（推荐）。
 Tags : ixedit, 技术, 设计
日期 : 2009年07月8日分类 : 代码, 设计作者 : admin
在前面一篇文章中简要介绍了如何创建wordpress自定义页面，在此，介绍一下在自定义页面中加入个性化的侧边栏(sidebar.php),顶部(header.php)及底部(footer.php)。关于如何创建自定义页面，可参考此文：自定义WordPress的页面模板。
下面以侧边栏为例：
我们知道在page.php(页面模板)，single.php(文章模板)，调用头部侧边底部的方法分别是：get_header(),get_sidebar(),get_footer(),在get_sidebar()方法中，有一段代码：
function get_sidebar( $name = null ) {
do_action( ‘get_sidebar’, $name );
$templates = array();
if ( isset($name) )
$templates[] = “sidebar-{$name}.php”;
$templates[] = “sidebar.php”;
……
所以，我们只需要建一个以sidebar.php为母版的个性化sidebar-{YourName}.php文件，在页面模板的调用中将默认get_sidebar()修改为get_sidebar(“YourName”)即可。
同理你也可以按此方法，自定义自己的header.php,footer.php 。
本站的一个搜索页面示例：点击浏览.
Tags : WordPress, 技术, 自定义侧边栏, 设计
日期 : 2009年07月5日分类 : 代码, 作品, 设计作者 : admin
放弃了背景图，以黑为背景色，品红为辅助色，风格奉行一贯简约至上。
网页预览，字体采用倍受青睐的Verdana，三栏布局，中间线分割线置于屏宽0.618比率位置，最新文章的调用用feed to JavaScript，速度体验都比以前好。
旧版：
旧版的倒计时的确让人有压迫感。
Tags : 作品, 技术, 设计, 首页改版
日期 : 2009年07月1日分类 : 生活, 设计作者 : admin
简单的照片色调处理，平时可以用上…
-
打开你要更改的照片；
-
创建一个调整图层（菜单栏）→黑白（CS3中或是“White&Black”），在色调选项中打勾，使用默认设置，也可按喜好更改；
-
图像→应用图像，都使用默认设置即可；
-
盖印图层（ctrl+shift+alt+e）；
-
再次创建调整图层→曲线，提高亮度，加深暗部，要是觉得的原图对比够的话可以不加；
-
滤镜→扭曲→镜头校正→加暗角（可以不加此步骤）；
-
再次盖印图层；
-
选择滤镜→锐化→USM锐化。
Tags : PS, 网摘, 设计
日期 : 2009年06月27日分类 : 代码, 设计作者 : admin
通过JS 创建此对于IE未知的HTML5元素,再在CSS定义样式属性：
document.createElement(newElementName)
具体实现：
<html>
<head>
<style>blah { color: red; }</style>
<script>document.createElement("blah")</script>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>
更多详细请参考：《HTML5 Shiv》
批量引入新元素[怿飞]：
(function(){
// from: http://dean.edwards.name/weblog/2007/03/sniff/
if(!/*@cc_on!@*/0) return;
var html5= “abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,
figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video”.split(‘,’);
for(var i = 0, len = html5.length; i < len; i++ )
document.createElement(html5[i]);
}
})();
很简单，很省事~
Tags : html, html5, 技术, 设计
|
|
