<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>迷你部落格 &#187; 网络</title>
	<atom:link href="http://minidr.com/archives/category/network/feed" rel="self" type="application/rss+xml" />
	<link>http://minidr.com</link>
	<description>Mini Dragon&#039;s Blog</description>
	<lastBuildDate>Sun, 15 Apr 2012 11:12:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>修改键盘布局为 Dvorak</title>
		<link>http://minidr.com/archives/675</link>
		<comments>http://minidr.com/archives/675#comments</comments>
		<pubDate>Thu, 12 Jan 2012 09:03:39 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=675</guid>
		<description><![CDATA[我们常用的键盘是 QWERTY 布局. 这是一种符合机械工程学的设计 -- 防止临近按键被击下卡住打字机. 然而信息时代的到来并没有摒除这个为机械而生的键盘布局. 根据 Wikipedia 结合字母出现规律的统计, QWERTY 中上排的按键频率为 52%, 中排 32%, 下排 16%. 在键盘上, 我们的手指一般放在中间一排, 按中间一排的字母最方便, 按上排移动手指相对较方便, 按下排则相对不方便. Dvorak 布局就是为了提高打字速度而设计的, 这个布局是符合人体生理工程的. 它上排的按键频率为 22%, 中排 70%, 下排 8%. 这样就有效地减少了手指的移动距离, 提高了打字速度. 我自从一次被刺激到后就开始使用 Dvorak 后, 我已经疯狂地改了 N 个键盘了. 先治标, 要把键盘拆开, 把按键抠下来. 如果是笔记本电脑的话还是用涂改液标记吧. 按 Dvorak 重新布局. 然后要治本. 除非电路水平非常高, 否则还是改系统设置吧. Mac/Linux 支持全局修改. Mac 系统添加一个 Dvorak 输入法就可以了, [...]]]></description>
			<content:encoded><![CDATA[<p>我们常用的键盘是 QWERTY 布局. 这是一种符合机械工程学的设计 -- 防止临近按键被击下卡住打字机. 然而信息时代的到来并没有摒除这个为机械而生的键盘布局. 根据 <a href="http://en.wikipedia.org/wiki/Dvorak_Simplified_Keyboard">Wikipedia</a> 结合字母出现规律的统计, QWERTY 中上排的按键频率为 52%, 中排 32%, 下排 16%. 在键盘上, 我们的手指一般放在中间一排, 按中间一排的字母最方便, 按上排移动手指相对较方便, 按下排则相对不方便. Dvorak 布局就是为了提高打字速度而设计的, 这个布局是符合人体生理工程的. 它上排的按键频率为 22%, 中排 70%, 下排 8%. 这样就有效地减少了手指的移动距离, 提高了打字速度.</p>
<p>我自从一次被刺激到后就开始使用 Dvorak 后, 我已经疯狂地改了 N 个键盘了.</p>
<p>先治标, 要把键盘拆开, 把按键抠下来. 如果是笔记本电脑的话还是用涂改液标记吧.<br />
<img src="http://fmn.rrimg.com/fmn063/20120112/1405/original_FwFU_22f9000013bd125c.jpg" alt="" /><br />
按 Dvorak 重新布局.</p>
<p>然后要治本. 除非电路水平非常高, 否则还是改系统设置吧.</p>
<p>Mac/Linux 支持全局修改.<br />
Mac 系统添加一个 Dvorak 输入法就可以了, 再把 英语-美国 删除. 如果 Dvorak 和 英语-美国共存, 打拼音时的按键布局继承上一个输入法的布局. 如上一个输入法是 英语-美国 那就是 QWERTY 的拼音布局.<br />
Linux 下修改 /etc/sysconfig/keyboard 的映射表为 /usr/lib/kbd/keytables/dvorak.map . 有些发行版有高级工具, 如 Fedora 终端下的 setup.<br />
Mac/Linux 的底层内核修改在全部软件下有用, 就是支付宝控件也绕不开它. 可见支付宝安全控件在 Mac/Linux 下的鸡肋.</p>
<p>瘟到死系统比较麻烦. 添加一个 Dvorak 输入法后, 还要在中文输入法中嵌套 Dvorak 布局.<br />
这就要改注册表.<br />
在 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Keyboard Layouts 下面有好多子项, 每一个子项都代表一个输入法. 点击子项可以看到 Layout Text 属性, 选择要应用 Dvorak 布局的输入法, 修改 Layout File 的属性值为 kbddv.dll 就好了. 重新引导系统后生效.<br />
当然这个改法不是最好的. 最好的就是直接用 kbddv.dll 替换 kbdus.dll .<br />
很不幸, 支付宝控件和 QQ 成功地绕开了按键设置. 他们才是正真的底层(囧).</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/675/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>一点关于 fedora 16 的小笔记</title>
		<link>http://minidr.com/archives/667</link>
		<comments>http://minidr.com/archives/667#comments</comments>
		<pubDate>Fri, 25 Nov 2011 14:51:06 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[fedora]]></category>
		<category><![CDATA[grub]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=667</guid>
		<description><![CDATA[1. 从 fedora 15 升级到 fedora 16 的时候, 原来 gnome 3.0 的一些配置文件是有问题的. 升级后启动 gnome 界面肯定挂掉, 进不了 gnome shell. 所以要删除一些配置文件. 但是具体是哪些配置文件我还没有搞清除... 所以干脆全部删掉了. 2. 用 DVD ISO 镜像方式安装 fedora 16 的时候, 按照老版本的方法是找不到 RPM 源的, 会自动变成网络安装. 解决方法是在 GRUB 装载安装系统镜像的时候加入 linux askmethod 参数传递给内核. 最好把 vmlinuz 和 initrd.img 以及 ISO 文件放到某个分区的根目录下. kernel (hd0,x)/vmlinuz linux askmethod initrd (hd0,x)/initrd.img boot x是分区编号. 引导后就可以爽了. [...]]]></description>
			<content:encoded><![CDATA[<p>1. 从 fedora 15 升级到 fedora 16 的时候, 原来 gnome 3.0 的一些配置文件是有问题的. 升级后启动 gnome 界面肯定挂掉, 进不了 gnome shell. 所以要删除一些配置文件. 但是具体是哪些配置文件我还没有搞清除... 所以干脆全部删掉了.</p>
<p>2. 用 DVD ISO 镜像方式安装 fedora 16 的时候, 按照老版本的方法是找不到 RPM 源的, 会自动变成网络安装. 解决方法是在 GRUB 装载安装系统镜像的时候加入 linux askmethod 参数传递给内核. 最好把 vmlinuz 和 initrd.img 以及 ISO 文件放到某个分区的根目录下.</p>
<pre>
kernel (hd0,x)/vmlinuz linux askmethod
initrd (hd0,x)/initrd.img
boot
</pre>
<p>x是分区编号. 引导后就可以爽了.</p>
<p>3. 貌似 fedora 16 采用了 GRUB2. 某同学手贱合并了分区导致 MBR 找不到 /boot 只好呆在 grub rescue 模式了. 解决办法是:</p>
<pre>
set prefix=(hd0,x)/grub2
insmod (hd0,x)/grub2/normal.mod
normal
</pre>
<p>然后熟悉的菜单应当出来了. 但还不能点回车引导. 要按 c 编辑条目, 把分区编号 (hd0,x) 临时修改了. 然后再引导.<br />
进入系统后执行 grub2-install 重新安装 grub 让 MBR 能找到 /boot .然后 修改 /boot/grub2/grub.cfg 把分区编号 (hd0,x) 永久修改了.</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/667/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>升级到 fedora15 + 围观 gnome 3</title>
		<link>http://minidr.com/archives/628</link>
		<comments>http://minidr.com/archives/628#comments</comments>
		<pubDate>Wed, 13 Apr 2011 08:10:59 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[fedora]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=628</guid>
		<description><![CDATA[周日去参加了 HZLUG 的一个交流会.完了后就自己想体验下 gnome3 了. 我的发行版是 fedora14,可以通过 yum 升级到 15. 于是又开始漫长的升级之路. 升级非常方便. 三条命令就可以了. rpm --import https://fedoraproject.org/static/069C8460.txt yum update yum yum --releasever=15 --skip-broken update 现在国内163啊, 搜狐啊都提供了快速的源. 4M闪讯下能满速下载包. 我有1648个包要下载. 可能是我地方专业软件比较多吧. 可能有同学依赖问题无法解决. 我也碰到过. 首先是 firefox4 的原因. fedora 不准备给 14 配备 firefox4, 所以 firefox4 是作为一个独立的 repo 发布的. 我把 firefox4 的 repo 文件给删除了, 所以出现了错误. 此外 gpg key 也出现了问题. 我检查了下是我的 fedora14 [...]]]></description>
			<content:encoded><![CDATA[<p>周日去参加了 <a href="http://hzlug.org/">HZLUG</a> 的一个交流会.完了后就自己想体验下 gnome3 了.<br />
我的发行版是 fedora14,可以通过 yum 升级到 15. 于是又开始漫长的升级之路.</p>
<p>升级非常方便. 三条命令就可以了.</p>
<blockquote><p>
rpm --import https://fedoraproject.org/static/069C8460.txt<br />
yum update yum<br />
yum --releasever=15 --skip-broken update</p></blockquote>
<p>现在国内163啊, 搜狐啊都提供了快速的源. 4M闪讯下能满速下载包. 我有1648个包要下载. 可能是我地方专业软件比较多吧.</p>
<p>可能有同学依赖问题无法解决. 我也碰到过. 首先是 firefox4 的原因. fedora 不准备给 14 配备 firefox4, 所以 firefox4 是作为一个独立的 repo 发布的. 我把 firefox4 的 repo 文件给删除了, 所以出现了错误.<br />
此外 gpg key 也出现了问题. 我检查了下是我的 fedora14 是从 13 在线升级而来的, 所以 key 没有准备好, 要手动安装 key.<br />
这两个包是相互依赖的. 囧.</p>
<blockquote><p>
rpm -i <a href="http://kojipkgs.fedoraproject.org/packages/fedora-release/15/0.7/noarch/fedora-release-15-0.7.noarch.rpm">http://kojipkgs.fedoraproject.org/packages/fedora-release/15/0.7/noarch/fedora-release-15-0.7.noarch.rpm</a> --nodeps<br />
rpm -i <a href="http://kojipkgs.fedoraproject.org/packages/fedora-release/15/0.7/noarch/fedora-release-rawhide-15-0.7.noarch.rpm">http://kojipkgs.fedoraproject.org/packages/fedora-release/15/0.7/noarch/fedora-release-rawhide-15-0.7.noarch.rpm</a> --nodeps</p></blockquote>
<p>引用页面:<a href="http://koji.fedoraproject.org/koji/buildinfo?buildID=229281" target="_blank">http://koji.fedoraproject.org/koji/buildinfo?buildID=229281</a></p>
<p>如果说包重复了,先把 14 的删除了.再安装 15 的包.</p>
<blockquote><p>rpm -e fedora-release-14 --nodeps</p></blockquote>
<p>然后等待下载,安装,清理吧.<br />
重启后进入 gnome3. 有种 OS X 里 Dock 的感觉...... 有点不适应啊. 不过登录的时候可以切换成经典 gnome + compiz 模式, 口黑口黑.<br />
据说 gnome3 的 css 编辑外观很诱人, 我先慢慢折腾, 出成果了和大家分享.</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/628/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>使用XX浏览器后感</title>
		<link>http://minidr.com/archives/626</link>
		<comments>http://minidr.com/archives/626#comments</comments>
		<pubDate>Tue, 29 Mar 2011 06:54:36 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=626</guid>
		<description><![CDATA[今天想换个浏览器调试下.找了个Windows,想用IE.同学一定要我用XX浏览器,说XX浏览器安全.然后,,, XX浏览器,我想提啊,刚才我那个,后来那个,我秘书也有给我看,那个我想啊,引申一下,这个XX浏览器,我有这个,这,这,这,我想这事儿,也不是绕开你们.我想侧重讲这么一个.就是说现在这个XX浏览器,现在我朝的这个谈到浏览器,这个浏浏浏浏浏览器,我觉得,有一个很重要一个部分叫做IE壳.就是,IE壳嘛,这个,怎么说呢,我考虑的,观察了很久这个IE壳,IE壳呢,怎么说呢,他还,IE壳从,我认为啊,咱们说从严格意义上他不算是正式浏览器.他是,就是说,他也是受这个IE,他的这个,当然他的这个,渲染质量,他的这个素质,他肯定不如这个正式Moz,Webkit的这些东西...... 请不要对号入住.]]></description>
			<content:encoded><![CDATA[<p>今天想换个浏览器调试下.找了个Windows,想用IE.同学一定要我用XX浏览器,说XX浏览器安全.然后,,,</p>
<p>XX浏览器,我想提啊,刚才我那个,后来那个,我秘书也有给我看,那个我想啊,引申一下,这个XX浏览器,我有这个,这,这,这,我想这事儿,也不是绕开你们.我想侧重讲这么一个.就是说现在这个XX浏览器,现在我朝的这个谈到浏览器,这个浏浏浏浏浏览器,我觉得,有一个很重要一个部分叫做IE壳.就是,IE壳嘛,这个,怎么说呢,我考虑的,观察了很久这个IE壳,IE壳呢,怎么说呢,他还,IE壳从,我认为啊,咱们说从严格意义上他不算是正式浏览器.他是,就是说,他也是受这个IE,他的这个,当然他的这个,渲染质量,他的这个素质,他肯定不如这个正式Moz,Webkit的这些东西......</p>
<p><img src="http://minidr.com/img/110329.png" alt="" /></p>
<p>请不要对号入住.</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/626/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>指鹿为马</title>
		<link>http://minidr.com/archives/623</link>
		<comments>http://minidr.com/archives/623#comments</comments>
		<pubDate>Tue, 22 Mar 2011 12:34:42 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[DNS]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=623</guid>
		<description><![CDATA[八月己亥，赵高欲为乱，恐群臣不听，乃先设验，持鹿献于二世，曰：“马也。”二世笑曰：“丞相误邪？谓鹿为马。”问左右，左右或默，或言马以阿顺赵高，或言鹿。高因阴中诸言鹿者以法。后群臣皆畏高。 这确实是我国历史上最早的DNS污染.看来壮大自己的 /etc/hosts 是很有必要的.]]></description>
			<content:encoded><![CDATA[<blockquote><p>八月己亥，赵高欲为乱，恐群臣不听，乃先设验，持鹿献于二世，曰：“马也。”二世笑曰：“丞相误邪？谓鹿为马。”问左右，左右或默，或言马以阿顺赵高，或言鹿。高因阴中诸言鹿者以法。后群臣皆畏高。</p></blockquote>
<p><embed src="http://player.ku6.com/refer/6A_uGbMUKyVU4vqS/v.swf" quality="high" width="585" height="450" align="middle" allowScriptAccess="always" allowfullscreen="true" type="application/x-shockwave-flash"></embed></p>
<p>这确实是我国历史上最早的DNS污染.看来壮大自己的 /etc/hosts 是很有必要的.</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/623/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>WP 3.1 Admin Bar</title>
		<link>http://minidr.com/archives/619</link>
		<comments>http://minidr.com/archives/619#comments</comments>
		<pubDate>Wed, 09 Mar 2011 11:29:19 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=619</guid>
		<description><![CDATA[WPAdminBar, 有些同学喜欢, 有些同学不喜欢. 在某个自己设计的主题中, 我不是很喜欢它的位置, 想把它放在最底下, 于是, 主题css添加... div#wpadminbar&#123;top:auto;bottom:0px;&#125; #wpadminbar .quicklinks .menupop ul, #wpadminbar .shortlink-input &#123;bottom:28px;&#125; 第一行,绝对定位到下面 第二行,弹出菜单上移到bar上面 去掉? 3个方法. 1.主题css添加(不治本) div#wpadminbar&#123;display:none;&#125; 2.主题function.php添加 remove_action&#40;'init', '_wp_admin_bar_init'&#41;; 3.后台->用户->我的资料->显示管理工具栏 勾勾去掉.]]></description>
			<content:encoded><![CDATA[<p>WPAdminBar, 有些同学喜欢, 有些同学不喜欢. 在某个自己设计的主题中, 我不是很喜欢它的位置, 想把它放在最底下, 于是, 主题css添加...</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">div<span style="color: #cc00cc;">#wpadminbar</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>bottom<span style="color: #00AA00;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#wpadminbar</span> <span style="color: #6666ff;">.quicklinks</span> <span style="color: #6666ff;">.menupop</span> ul<span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#wpadminbar</span> <span style="color: #6666ff;">.shortlink-input</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">:</span><span style="color: #933;">28px</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>第一行,绝对定位到下面<br />
第二行,弹出菜单上移到bar上面</p>
<p>去掉? 3个方法.<br />
1.主题css添加(不治本)</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">div<span style="color: #cc00cc;">#wpadminbar</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>2.主题function.php添加</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">remove_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'init'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'_wp_admin_bar_init'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>3.后台->用户->我的资料->显示管理工具栏 勾勾去掉.</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/619/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>腾迅微博界面修改油猴脚本</title>
		<link>http://minidr.com/archives/603</link>
		<comments>http://minidr.com/archives/603#comments</comments>
		<pubDate>Mon, 24 Jan 2011 06:55:42 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=603</guid>
		<description><![CDATA[这是一个油猴脚本,可以用油猴加载. 对腾讯微博的界面做了一些小小的修改,圆角,透明神马的. 并且对热门话题,可能认识模模块进行了屏蔽. 下面是js代码,大家可以自己修改css,记得行末尾加上"\"用来转义换行. 复制,保存成UTF-8格式,扩展名.user.js就可以了. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 // ==UserScript== // @name 腾讯微博界面修改器 // @namespace http://minidr.com/ // @include http://*t.qq.com/* // @description 修改腾讯微博的界面,去掉边上的&#34;热门话题&#34;和&#34;可能认识&#34; // ==/UserScript== &#160; GM_addStyle&#40;&#34;\ #mainWrapper{background-color:rgba(210,210,210,0.5);}\ .main{background-color:rgba(0,0,0,0);}\ .side{background-color:rgba(0,0,0,0);}\ .navArr{opacity: 0.5;}\ #talkBox{background:none rgba(0,0,0,0);}\ #msgTxt{background:none rgba(255,255,255,0.8);}\ [...]]]></description>
			<content:encoded><![CDATA[<p>这是一个油猴脚本,可以用油猴加载.<br />
对腾讯微博的界面做了一些小小的修改,圆角,透明神马的.<br />
并且对热门话题,可能认识模模块进行了屏蔽.</p>
<p><img src="http://minidr.com/img/tqq.jpg" alt="" /></p>
<p>下面是js代码,大家可以自己修改css,记得行末尾加上"\"用来转义换行.<br />
复制,保存成UTF-8格式,扩展名.user.js就可以了.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// ==UserScript==</span>
<span style="color: #006600; font-style: italic;">// @name	腾讯微博界面修改器</span>
<span style="color: #006600; font-style: italic;">// @namespace	http://minidr.com/</span>
<span style="color: #006600; font-style: italic;">// @include	http://*t.qq.com/*</span>
<span style="color: #006600; font-style: italic;">// @description	修改腾讯微博的界面,去掉边上的&quot;热门话题&quot;和&quot;可能认识&quot;</span>
<span style="color: #006600; font-style: italic;">// ==/UserScript==</span>
&nbsp;
GM_addStyle<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\</span>
#mainWrapper{background-color:rgba(210,210,210,0.5);}<span style="color: #000099; font-weight: bold;">\</span>
.main{background-color:rgba(0,0,0,0);}<span style="color: #000099; font-weight: bold;">\</span>
.side{background-color:rgba(0,0,0,0);}<span style="color: #000099; font-weight: bold;">\</span>
.navArr{opacity: 0.5;}<span style="color: #000099; font-weight: bold;">\</span>
#talkBox{background:none rgba(0,0,0,0);}<span style="color: #000099; font-weight: bold;">\</span>
#msgTxt{background:none rgba(255,255,255,0.8);}<span style="color: #000099; font-weight: bold;">\</span>
.homeTab{margin:-1px auto auto 5px;}<span style="color: #000099; font-weight: bold;">\</span>
#talkList li,.homeTit,.AL .newsBox{-moz-border-radius:10px;border-radius:10px;border:0 none;margin:10px auto;background-color:rgba(255,255,255,0.8);}<span style="color: #000099; font-weight: bold;">\</span>
#talkList li.hover{background-color:rgba(255,255,255,1);border:0 none;}<span style="color: #000099; font-weight: bold;">\</span>
.side .SC:nth-child(4){display:none}<span style="color: #000099; font-weight: bold;">\</span>
.side .SC:nth-child(5){display:none}<span style="color: #000099; font-weight: bold;">\</span>
&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//18行是对热门话题模块的屏蔽</span>
<span style="color: #006600; font-style: italic;">//19行是对可能认识模块的屏蔽</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/603/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>我对HTML5的看法</title>
		<link>http://minidr.com/archives/584</link>
		<comments>http://minidr.com/archives/584#comments</comments>
		<pubDate>Sun, 19 Dec 2010 13:32:56 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=584</guid>
		<description><![CDATA[HTML, HyperText Markup Language OR How To Make Love 的缩写, 被用来编写网页. HTML 的版本发展得很快, 现在的最新版本是 HTML5了. 很多人都发表了对 HTML5 的看法,我也来说说我对HTML5的看法,以及和XHTML的比较. 我说的 HTML5 是狭义HTML5, 也就是那个标记语言,而不是那些可以火拼 Flash 的特效. 先来看看淘宝网的头部. &#60;!doctype html&#62; &#60;html&#62; &#60;head&#62; &#60;meta charset=&#34;gbk&#34; /&#62; &#60;title&#62;淘宝网 - 淘！我喜欢&#60;/title&#62; 对比下支付宝. &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;title&#62;支付宝 - 网上支付 安全快速！&#60;/title&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; [...]]]></description>
			<content:encoded><![CDATA[<p>HTML, HyperText Markup Language OR How To Make Love 的缩写, 被用来编写网页.<br />
HTML 的版本发展得很快, 现在的最新版本是 HTML5了. 很多人都发表了对 HTML5 的看法,我也来说说我对HTML5的看法,以及和XHTML的比较.<br />
我说的 HTML5 是狭义HTML5, 也就是那个标记语言,而不是那些可以火拼 Flash 的特效.</p>
<p>先来看看淘宝网的头部.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;!</span>doctype html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>meta charset<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;gbk&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;</span>title<span style="color: #339933;">&gt;</span>淘宝网 <span style="color: #339933;">-</span> 淘！我喜欢<span style="color: #339933;">&lt;/</span>title<span style="color: #339933;">&gt;</span></pre></div></div>

<p>对比下支付宝.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;!</span>DOCTYPE html <span style="color: #000000; font-weight: bold;">PUBLIC</span> <span style="color: #0000ff;">&quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;</span> <span style="color: #0000ff;">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>html xmlns<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;http://www.w3.org/1999/xhtml&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>title<span style="color: #339933;">&gt;</span>支付宝 <span style="color: #339933;">-</span> 网上支付 安全快速！<span style="color: #339933;">&lt;/</span>title<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>meta http<span style="color: #339933;">-</span>equiv<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Content-Type&quot;</span> content<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/html; charset=gb2312&quot;</span> <span style="color: #339933;">/&gt;</span></pre></div></div>

<p>这里就是个标准的 HTML5 的开头.<br />
可以看到,淘宝代码简洁了许多~淘宝网就是 HTML5 的页面了.</p>
<p>HTML5 新功能: 新的标记代码.<br />
HTML 的任何一个标记,基本由3部分组成.&lt;容器 属性="属性值"&gt;. HTML5 里面提到了新的容器,属性,属性值.当然,属性和值有时候可以省略.</p>
<p>容器:HTML里出现了新的容器如 header, nav, hgroup, article 等, 这些容器其实就是个普通的div, 换个名字. 对于手机, 便携阅读器等设备更有语义的好处.也提高了可读性.至于别的容器如 details, datagrid, menu, command 等提高了页面的交互能力. 当然, 不支持的浏览器默认当成普通容器来处理了.</p>
<p>属性:淘宝的charset就是一个新属性. 而在XHTML 里面, charset 是作为 content 的一个属性值出现的.在浏览器支持方面, 不支持浏览器碰到新属性, 它会把新属性当作代码错误而修复, 或者直接忽略. 总之, 在IE6下, 会把页面设别为gbk编码格式的.</p>
<p>属性值:给个例子吧.两个搜索框.大家可以试试.</p>
<p>XHTML版本的</p>
<input type="text" value="XHTML" />

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;XHTML&quot;</span> <span style="color: #339933;">/&gt;</span></pre></div></div>

<p>HTML5</p>
<input type="search" value="HTML5" />

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;search&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;HTML5&quot;</span> <span style="color: #339933;">/&gt;</span></pre></div></div>

<p>我把下面的框的 type 定为 search. 认识 search 的浏览器会在样式中给个小处理, 如 Chrome, 输入字符后会出现一个叉的图标,点击可以清除输入内容. 不认识的浏览器会当作代码写错, 设置成默认属性, 也就是 text. 这样, 就上下兼容了.<br />
除了这些新的代码以外, HTML5 对代码的规范也不是严格了.</p>
<p>HTML5新功能: 代码弱规范.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span>search<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;search&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span>search <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;search&quot;</span> <span style="color: #339933;">/&gt;</span></pre></div></div>

<p>在HTML5中都是合法的.浏览器总不会碰到小错误不表现了吧.<br />
还有...我不知道怎么写了...囧...</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/584/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>发布一个 PageCookery 饭否样式主题</title>
		<link>http://minidr.com/archives/578</link>
		<comments>http://minidr.com/archives/578#comments</comments>
		<pubDate>Mon, 06 Dec 2010 05:07:58 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[PageCookery]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=578</guid>
		<description><![CDATA[周末帮朋友定制的一个 PageCookery 的主题,饭否样式. 由于 PageCookery 的 HTML 容器是定死的, 所以css3用得很疯狂, 圆角啊渐变啊阴影啊全部 css3. 还有气泡前的鱼嘴用了 :before伪类, 以及 :before:hover 双重伪类, 所以 IE6 会杯具. 导航栏的元素只有一个容器, 不得不用上 width:-moz-fit-content; , 然后缩减了头部的一些废物, 把空白利用起来, 更加简洁些. 在Firefox 3.6.12, Fedora 14 环境下编写, 没有考虑 IE. 下载: ici 注:PageCookery 是国内首款公开发行的单用户版开源微博程序, 基于 PHP + MySQL 架构, 是一款集安全, 高效和稳定, 以 "分享", "发现" 为理念的 Web 2.0 微博客解决方案. 详细. 可以看作是 Twitter 和 [...]]]></description>
			<content:encoded><![CDATA[<p>周末帮朋友定制的一个 PageCookery 的主题,饭否样式.</p>
<p><img src="http://minidr.com/img/PageCookery-fanfou.png" alt="demo"></p>
<p>由于 PageCookery 的 HTML 容器是定死的, 所以css3用得很疯狂, 圆角啊渐变啊阴影啊全部 css3. 还有气泡前的鱼嘴用了 :before伪类, 以及 :before:hover 双重伪类, 所以 IE6 会杯具. 导航栏的元素只有一个容器, 不得不用上 width:-moz-fit-content; , 然后缩减了头部的一些废物, 把空白利用起来, 更加简洁些.</p>
<p>在Firefox 3.6.12, Fedora 14 环境下编写, 没有考虑 IE.</p>
<p>下载: <a href="http://minidr.com/img/PageCookery-fanfou.tar.gz">ici</a></p>
<p>注:PageCookery 是国内首款公开发行的单用户版开源微博程序, 基于 PHP + MySQL 架构, 是一款集安全, 高效和稳定, 以 "分享", "发现" 为理念的 Web 2.0 微博客解决方案. <a href="http://pagecookery.com/">详细.</a> 可以看作是 Twitter 和 WordPress 的结合体.</p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/578/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>饭否:钟声依旧?</title>
		<link>http://minidr.com/archives/568</link>
		<comments>http://minidr.com/archives/568#comments</comments>
		<pubDate>Fri, 12 Nov 2010 04:45:08 +0000</pubDate>
		<dc:creator>Mini Dragon</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[fanfou]]></category>

		<guid isPermaLink="false">http://minidr.com/?p=568</guid>
		<description><![CDATA[昨天晚上,停止解析492天饭否域名被解析.大家可以看到一个头像墙. 点击鼠标以后可以看到jquery效果的时间慢慢出现. 王兴在新浪微博里说: 微博钟声响起归家的讯号/在他生命里仿佛带点唏嘘/网络带给他的意义/是一生奉献XXXX中/年月把拥有变做失去/疲倦的双眼带着期望/今天只有残留的驱壳/迎接光辉岁月/风雨中抱紧自由/一生经过傍徨的挣扎/自信可改变未来/问谁又能做到. 但是,我觉得,这已经不是原来的那个饭否了.新饭否会被有关部门牢牢制约,虽然可以继续谈生活,话痨什么的,但是,有些东西就不能说了.想想原来的饭否是怎么被关闭的?不要责怪说那些话的人,要怪就要怪有关部门(其实我根本不知道我们国家居然还有"有关部门"这个政府部门). 所以,饭否的回来,象征意义大于其实际意义,虽然王兴让别人去做了,虽然制度化了,不过,作为一个网络产品,它在人际关系确立这方面产生的价值远远超过了产品本身的价值.这就是这个产品的成功之处.我相信,大部分怀念饭否用户还是会回来的.虽然他们可能找到了新家,twitter,雷猴,新浪微博等等等等,但是,这也不妨碍他们继续话痨啊!他还告诉局域网网民,走了的网站还是会回来的,只要耐心等待!]]></description>
			<content:encoded><![CDATA[<p>昨天晚上,停止解析492天饭否域名被解析.大家可以看到一个头像墙.<br />
点击鼠标以后可以看到jquery效果的时间慢慢出现.</p>
<p>王兴在<a href="http://t.sina.com.cn/1616192700/wr0sUZwLF5" target="_blank">新浪微博</a>里说:</p>
<blockquote><p>微博钟声响起归家的讯号/在他生命里仿佛带点唏嘘/网络带给他的意义/是一生奉献XXXX中/年月把拥有变做失去/疲倦的双眼带着期望/今天只有残留的驱壳/迎接光辉岁月/风雨中抱紧自由/一生经过傍徨的挣扎/自信可改变未来/问谁又能做到.</p></blockquote>
<p>但是,我觉得,这已经不是原来的那个饭否了.新饭否会被有关部门牢牢制约,虽然可以继续谈生活,话痨什么的,但是,有些东西就不能说了.想想原来的饭否是怎么被关闭的?不要责怪说那些话的人,要怪就要怪有关部门(其实我根本不知道我们国家居然还有"有关部门"这个政府部门).</p>
<p>所以,饭否的回来,象征意义大于其实际意义,虽然王兴让别人去做了,虽然制度化了,不过,作为一个网络产品,它在人际关系确立这方面产生的价值远远超过了产品本身的价值.这就是这个产品的成功之处.我相信,大部分怀念饭否用户还是会回来的.虽然他们可能找到了新家,twitter,雷猴,新浪微博等等等等,但是,这也不妨碍他们继续话痨啊!他还告诉局域网网民,走了的网站还是会回来的,只要耐心等待!</p>
<p><img src="http://free.imgbed.com/pp/ffmissyou.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://minidr.com/archives/568/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

