CSS Sprites 应用于Go Top导航(未完成版)

首先在 Google Reader 里看到MG12大神一篇文章
http://www.neoease.com/fixed-go-top-button-to-browser-window-with-jquery/

弄到了份代码
http://www.veryhuo.com/a/view/44967.html

此外图片为 MG12大神 博客里的图…… 目前某X技术有限,在此盗图略表歉意……

之后网上又开始搜索更详细的介绍
索引介绍
http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.html

灰常基本的介绍,比较适合初学者
http://davidwalsh.name/css-sprites

进阶【原理介绍】
http://www.itnewb.com/tutorial/Optimize-Your-Web-Site-by-Using-CSS-Image-Sprites/
进阶【其他用法】
http://www.frankmanno.com/ideas/css-imagemap/

==========================================================

应用到WP中变更的代码
在 theme/twentyeleven/foot.php中,修改最下方代码为

<?php wp_footer(); ?>
<script language=”javascript” src=”http://xuxun.me/js/jquery-1.7.2.js”></script> <!– 加载 JQuery库 –>
<script language=”javascript” src=”http://xuxun.me/js/go_top.js”></script> <!– 2012-3-21 15:45 用于添加返回顶层小导航 –>
<link href=”http://xuxun.me/css/go_top.css” rel=”stylesheet” type=”text/css” /> <!– 设定返回顶层的样式 –>
</body>
</html>

Dalston
2012-3-31
未完待续 

【读书笔记】无懈可击的 Web 设计之【摘】

前言部分

本书结构安排                                                                      P11
① 考察网上现有的设计例子
② 说明为什么那样做并不是无懈可击的
③ 使用 XHTML 和 CSS 对该例子重构

目标: 改善它的灵活性 ,减少代码量

——————————————————————————————————————–

How to Take Reading Notes by XuXun

以下为我自己为自己设定的一套记录笔记的方案,欢迎各位提出宝贵的建议和意见~
Procedure:
1 摘    Recapitulate
2 炼    Refine
3 融    Melt
4 创    Create
5 图    Graph

1 摘抄下 关键词、句、段落
2 对摘抄下的 重点 进行提炼,归纳,总结
3 将经提炼的知识点与 自身知识体系 融合
4 利用 新学的知识点 进行实践、创造
5  建立思维导图


Dalston
2012-3-25
———————————————————————-
Update:
① 添加过程 “图” 2012-3-25
② 更改标题为 How to Take Reading  Notes 2012-3-26

【HCI】2011-2012 冬季学期 人机交互设计复习知识整理


2011-2012 冬季学期 
人机交互设计复习知识整理

前言:

 这篇文章根据XX自认为是给分点的关键词加下划线和斜体

 这篇文章会对XX老师说的重点程度以不同颜色标记其标题或加粗

 如果发现我整理的知识点有遗漏或者错误的话欢迎各位童鞋拍砖指正~

④ 带有标记的是XX感觉还不清楚或者有疑问的,希望大家多多提点~

⑤ 祝大家复习Happy ~

 第一章 绪论

1.1 什么是人机交互 P1

人机交互的定义:所谓人机交互(HCI)是指关于设计评价实现人们使用的交互式计算机系统,并围绕相关的主要现象进行研究的学科。

人机交互的研究内容:P2大致了解XX的理解是只要记标题)

 人机交互界面表示模型与设计方法

 可用性分析和评估

 多通道交互技术

 认知与智能用户界面

 群件

⑥ Web设计

⑦ 移动界面设计

人机交互的发展历史 P3常识,了解下XX的理解是只要记关键词,和大致了解差不多)

① 命令行界面 交互阶段

② 图形用户界面 交互阶段

③ 自然和谐的人机 交互阶段

第二章 感知和认知基础

Continue reading “【HCI】2011-2012 冬季学期 人机交互设计复习知识整理”

Word Press Problems Met & Solved

PS:以下内容均针对 WP 3.3.1 版本中的 Twenty-Eleven 主题

1. 中文乱码问题: 于  2012-3-10 17:40
(1)MySQL数据库中各字段collate和char set属性变更为 utf 和 utf8_general_ci
登录phpMyAdmin在SQL的tab中输入:
ALTER TABLE 表名 CONVERT TO CHARACTER SET utf8 COLLATE utf8_general_ci

(2)检查 Word Press 根目录下wp-config.php,确保

/** Database Charset to use in creating database tables. */
define(‘DB_CHARSET’, ‘utf8’);

(3)确保编辑的 .php 文件保存时以 UTF-8 without BOM 的 Encoding 格式保存

2. 侧边栏日志分类树状显示、及显示日志数之无脑菜鸟解决方案: 于 2012-3-11 22:54
(1) 进入 WP 的 Admin 页面,点击左侧 Appearance 中的 Widgets , 在新页面中点击最右侧的 Main Sidebar 中 Categories 一栏上的小三角形,在下拉菜单中勾选 Show Post Counts 以及 Show Hierarchy 即可

PS: 为实现此功能,google了N久,才在经历了拖动自定义 menus widget 至 sidebar 中并选择要显示的 menus 发现了每个 Main Sidebar 旁边上的小三角形是可以点击的……顿时内牛满面……

3. 文章 meta 区域显示作者信息 于 2012-3-12 20:03
(1) ftp中 进入 wp-contentthemestwentyeleven ——(当前主题)目录,打开 functions.php ,然后搜索 function twentyeleven_posted_on 这个函数, 找到后,将

<span class="by-author"> <span class="sep"> by </span> <span class="author vcard">

by-author 删除

因为,该 CSS 样式设置为 display:none

PS:其实我想吐槽下,既然这边设置了display:none,那为何还要预留 author 信息呢? 嗯,不过这样到挺好的~ 满足各种需求~

4. 单文章页面显示侧边栏 于 2012-3-12 23:50
(1) 首先在 wp-contentthemestwentyeleven 目录下的 single.php 中
<?php get_footer(); ?> Continue reading “Word Press Problems Met & Solved”