大概也不过是 2013 年 6 月 20 日，也就是正好半年前， Dimpurr 这个奇怪的拼写被赋予了含义。自此之后又过了无数个白天和夜晚，直到某天大概仅仅是觉得有必要再为自己写一篇相对详细的自述了，亦或是忽然间有些无聊，总而言之，就有了这篇间杂了回忆和痴想的意识流文章的存在。——童年总是不会缺少满满的中二，每天和密友激烈思辨名为科幻小说实为无下限臆想的故事，也因此让无数个只用了数页的本子含冤而逝。直到三年级的时候钉子遇到了那位将改变钉子一生的人，从此之后每天写写画画涂涂改改打打闹闹的朦胧而又五彩缤纷的日常带着些许稚气拉开序幕。现在回想起来当时的钉子是个十足的矛盾体，在学习上是个十足的好学生但是纪律方面几乎无恶不作。就算放着惬意而无法无天的日常作死不谈，无论是班级大陆间奇葩设定辈出的国家混战还是致力于驱除三大老师聚齐带来的厄运的宗教抑或又是每年必有的神级绘师负责的年终特典，那群创造力过剩的死党们总是能发明新鲜的玩意儿。真的是，曾经觉得什么都能做到的岁月。当然估计现在应该感谢学校的电脑封锁了4399等一系列网站，因为母亲是教师所以常年霸占办公室电脑的某钉子感到极其不满，不知何时已经能把优化系统和浏览 System32 作为娱乐时，就已经彻底走向了一条不归路。曾经的大数字刚推出软件管家还是业界良心，曾经的疼讯TT还是微创新MyIE的绝赞多标签浏览器，曾经的谷攻中国研究院还在为发展中国 ...继续阅读 (18)

这是一个 HTML5 的空 WordPress 主题，可以基于此快速开始新主题的创作。内置了基本的输出结构和函数，没有任何多余样式标签。目前处于早期测试版本还较不稳定，欢迎试用和反馈。Github 项目地址→StartPress因为连续制作了几个主题之后遇到了例如首页 meta 标签等的复用问题，于是就花了一晚上在几个主题的基础上修改合并成了这个空主题，并加上了注释。这只是一个单纯的空白主题，并且内置了一些常用函数，并不是一个框架，也没有复杂的功能。代码格式和文件结构有一定的个人风格，也欢迎诸位来添砖加瓦。预计将会在今后增加关于后台设置的框架。一切以 Github 的最新版本和 README 为准。获取Github特点完善的注释说明仅进行基本文章输出，没有多余的标签、容器和 ID \ Class文章输出默认剥离到content.php，无内置single.php和page.php内置了导航栏、侧边栏、语言包的注册函数内置了评论、页码、检查更新、使用统计等常用函数仅内置了 Reset 重置样式表和一个#page页面容器，无多余样式注意请将,’dpt’使用编辑器查找替换为,’主题的文本域’，当然也可以直接使用dpt若需使用检查更新，请将func/info.json上传到服务器并填写正确的版本号和安装包地址，更新时只需更新info.json ...继续阅读 (33)

这是一个 HTML5 的空 WordPress 主题，可以基于此快速开始新主题的创作。内置了基本的输出结构和函数，没有任何多余样式标签。目前处于早期测试版本还较不稳定，欢迎试用和反馈。Github 项目地址→StartPress因为连续制作了几个主题之后遇到了例如首页 meta 标签等的复用问题，于是就花了一晚上在几个主题的基础上修改合并成了这个空主题，并加上了注释。这只是一个单纯的空白主题，并且内置了一些常用函数，并不是一个框架，也没有复杂的功能。代码格式和文件结构有一定的个人风格，也欢迎诸位来添砖加瓦。预计将会在今后增加关于后台设置的框架。一切以 Github 的最新版本和 README 为准。获取Github特点完善的注释说明仅进行基本文章输出，没有多余的标签、容器和 ID \ Class文章输出默认剥离到content.php，无内置single.php和page.php内置了导航栏、侧边栏、语言包的注册函数内置了评论、页码、检查更新、使用统计等常用函数仅内置了 Reset 重置样式表和一个#page页面容器，无多余样式注意请将,’dpt’使用编辑器查找替换为,’主题的文本域’，当然也可以直接使用dpt若需使用检查更新，请将func/info.json上传到服务器并填写正确的版本号和安装包地址，更新时只需更新info.json ...继续阅读 (11)

大概当时的钉子，还处在非常好的状态。期中考做好历史新低的准备，结果是历史新高；只接过两百元的第一单，然后就接到了一千五的第二单……于是某人果断决定出血一回，稍微慰劳一下自己劳累的心灵——钉子の无脑购物行为 案发现场底片当然预谋已久的，而且估计也就会入那么一两次的，钉子首先开始了 Vocaloid 专辑的挑选。经过在萌购上不断挑选和虾米上不断试听，某人终于确定了一个候选列表：supercell (通常盤) [CD+DVD]花楽里漫葉集 feat.初音ミク(DVD付) [CD+DVD]EXIT TUNES PRESENTS Vocalostar feat.初音ミク [CD-ROM]EXIT TUNES PRESENTS Vocalogenesis(ボカロジェネシス)feat. 初音ミク(ジャケットイラストレーター 三輪士郎) [CD-ROM]EXIT TUNES PRESENTS Vocaloconnection (ボカロコネクション) feat.初音ミク (ジャケットイラストレーター:左) (数量限定オリジナルマウスパッド&ストラップ付)EXIT TUNES PRESENTS Vocalonation(ボカロネイション) feat.初音ミク（ジャケットイラストレーター　左） 【数量限定オリジナルストラップ付き】 [CD-ROM]EXIT TUNES PRESENTS Vocaloan ...继续阅读 (34)

大概当时的钉子，还处在非常好的状态。期中考做好历史新低的准备，结果是历史新高；只接过两百元的第一单，然后就接到了一千五的第二单……于是某人果断决定出血一回，稍微慰劳一下自己劳累的心灵——钉子の无脑购物行为 案发现场底片当然预谋已久的，而且估计也就会入那么一两次的，钉子首先开始了 Vocaloid 专辑的挑选。经过在萌购上不断挑选和虾米上不断试听，某人终于确定了一个候选列表：supercell (通常盤) [CD+DVD]花楽里漫葉集 feat.初音ミク(DVD付) [CD+DVD]EXIT TUNES PRESENTS Vocalostar feat.初音ミク [CD-ROM]EXIT TUNES PRESENTS Vocalogenesis(ボカロジェネシス)feat. 初音ミク(ジャケットイラストレーター 三輪士郎) [CD-ROM]EXIT TUNES PRESENTS Vocaloconnection (ボカロコネクション) feat.初音ミク (ジャケットイラストレーター:左) (数量限定オリジナルマウスパッド&ストラップ付)EXIT TUNES PRESENTS Vocalonation(ボカロネイション) feat.初音ミク（ジャケットイラストレーター　左） 【数量限定オリジナルストラップ付き】 [CD-ROM]EXIT TUNES PRESENTS Vocaloan ...继续阅读 (14)

页面布局的方式总是随着技术的更新和创意的涌现不断的更新换代。从最开始的 Fixed 固定布局，到因为宽屏设备和移动互联网的普及产生的响应式和自适应，再到「Mobile First」的设计理念，前端们在可用性方面做的努力越来越多。REM 是一个在 CSS3 中被提出的新单位，相对 EM 变为了针对根元素的 font-size 计算，使得便利性大为提升的弹性布局再次被提上话题。在介绍具体实现之前，不妨先说说为何要选择 EMs 进行布局。脱离了表格布局的蛮荒时代后，越来越多的基本布局方式被应用在了实践中，当然也不乏多种配合。以下就是几个常用技术的对比。（响应式和自适应这两个名词经常被错误使用，例如自适应网页设计（Responsive Web Design）这篇文章固定 Fixed使用 px 和 pt 这样的绝对单位进行固定布局。在无论什么设备上保持固定的尺寸，在不适合的分辨率下可能导致大面积空白或横向滚动条。最经典，也是被证明极其不友好、维护困难的方法。流动 Fluid使用 % 百分比进行相对布局。可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width 等属性控制尺寸流动范围以免过大或者过小影响阅读。某些情况下可能导致错误的伸缩或者布局被破坏。弹性 Elastic使用 em 或 rem 单位进行相对布局。避免了根据 px ...继续阅读 (30)

页面布局的方式总是随着技术的更新和创意的涌现不断的更新换代。从最开始的 Fixed 固定布局，到因为宽屏设备和移动互联网的普及产生的响应式和自适应，再到「Mobile First」的设计理念，前端们在可用性方面做的努力越来越多。REM 是一个在 CSS3 中被提出的新单位，相对 EM 变为了针对根元素的 font-size 计算，使得便利性大为提升的弹性布局再次被提上话题。在介绍具体实现之前，不妨先说说为何要选择 EMs 进行布局。脱离了表格布局的蛮荒时代后，越来越多的基本布局方式被应用在了实践中，当然也不乏多种配合。以下就是几个常用技术的对比。（响应式和自适应这两个名词经常被错误使用，例如自适应网页设计（Responsive Web Design）这篇文章固定 Fixed使用 px 和 pt 这样的绝对单位进行固定布局。在无论什么设备上保持固定的尺寸，在不适合的分辨率下可能导致大面积空白或横向滚动条。最经典，也是被证明极其不友好、维护困难的方法。流动 Fluid使用 % 百分比进行相对布局。可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width 等属性控制尺寸流动范围以免过大或者过小影响阅读。某些情况下可能导致错误的伸缩或者布局被破坏。弹性 Elastic使用 em 或 rem 单位进行相对布局。避免了根据 px ...继续阅读 (18)

WordPress 3.1 之后，推出了一个模仿 Tumblr 的「文章形式」功能，可以让博客中除了默认的文章之外展现出更多的特殊样式。不同的文章形式，可以支持在输出时进行判断处理，以及列出存档等等……很多细心的主题里面都会加上对一些文章形式的支持，如果在面临特殊需求时，希望能够自定义专门的编辑器或者分类目录，那么还可以去注册一个自定义的文章类型。一 内置形式WordPress 已经内置对几种常用的文章形式的支持，如果可以满足需要，那么就不需要再重复造轮子了，只需要添加主题对已有形式的支持就好了。内置形式列表如下：standard – 标准，也就是默认的文章形式aisde – 日志，实质上就是个不显示标题的标准文章link – 链接，类似 Tumblr 的链接分享quote – 引语，展示为引用的一段文字status – 状态，简而言之就像是一条 Tweetimage – 图像，发布单张图片gallery – 相册，也就是扩充的图像功能audio – 音频，……需要说吗video – 视频，……同上chat – 聊天，以专门格式显示聊天记录如果想添加对以上形式的支持，只需要在 functions.php 里添加对应的项目即可，然后在输出文章的时候使用函数判断切换不 ...继续阅读 (39)

WordPress 3.1 之后，推出了一个模仿 Tumblr 的「文章形式」功能，可以让博客中除了默认的文章之外展现出更多的特殊样式。不同的文章形式，可以支持在输出时进行判断处理，以及列出存档等等……很多细心的主题里面都会加上对一些文章形式的支持，如果在面临特殊需求时，希望能够自定义专门的编辑器或者分类目录，那么还可以去注册一个自定义的文章类型。一 内置形式WordPress 已经内置对几种常用的文章形式的支持，如果可以满足需要，那么就不需要再重复造轮子了，只需要添加主题对已有形式的支持就好了。内置形式列表如下：standard – 标准，也就是默认的文章形式aisde – 日志，实质上就是个不显示标题的标准文章link – 链接，类似 Tumblr 的链接分享quote – 引语，展示为引用的一段文字status – 状态，简而言之就像是一条 Tweetimage – 图像，发布单张图片gallery – 相册，也就是扩充的图像功能audio – 音频，……需要说吗video – 视频，……同上chat – 聊天，以专门格式显示聊天记录如果想添加对以上形式的支持，只需要在 functions.php 里添加对应的项目即可，然后在输出文章的时候使用函数判断切换不 ...继续阅读 (12)

第一次起稿的时候这个标题大概是用来做NOIP初赛的庆功文；第二次再打开编辑器时，似乎又变成了期中考和NOIP复赛的凭吊文。至于现在呢，不过是在一段紧张的时间的休止符处，亦或者接踵而至的压力的序章中，一个小小的驻足回望罢了。说到这里也大概往回翻了翻博客的文章，整个十月仅有的两次更新实在让人汗颜。当然某种意义上的销声匿迹也不是本意，关于无比忙碌的这段时间，一切的源头大概还得从初一时说起。我们的电脑老师据说身患小儿麻痹，走起路来一瘸一拐。按语文老师的说法，如果不是行动不方便，按电脑老师的才华是不会待在这个小地方的。尽管直到最后一节电脑课某钉子也没感觉到老师的才华在哪里，其它方面不好评价，不过至少不应该连复制粘贴的快捷键都不知道或者 Galaxy S3 都不会用吧。顺便插一个小插曲，说起来前几天整理文件的时候无意翻出了初一时和同学用脚本扫出来的学校网站后台密码，一时兴起敲进去惊讶的发现依然能用，当初恶搞留下的贴吧Ad都没有被发现。临走前还在模板库发现了不知哪位学长留下的CSOL的模板，不过说实话默认模版惨绝人寰的现代浏览器兼容性真是不禁让人想随便写个HTML5模板送给学校呢。还想过作死的清除数据，不过目测要被查水表。嘛，回到正题。大概初一下学期时的一节电脑课老师宣布拥有「奥脑课」这种很明显是用脚趾头想出来的逼格直接降到负数的名字后的第一节课，人数毫无疑问是爆满的。不过在老师冷冷的打开 Pa ...继续阅读 (44)

此回答由某钉子原答于知乎：如何专业自然不做作地卖萌？被知乎官方微博推荐于：知乎的微博嘛，作为某只卖萌苦手，自然也为如何卖萌苦恼过，也羡慕过十分受大家喜爱的前辈，也不爽过一些矫揉造作的人XD 既然这样，在此就斗胆总结一下自己的思路，希望大家不吝指正的说。卖萌の功效卖萌是网络用语。原本是ACG界词汇“萌”的引申词汇，即“刻意显示自身的萌”，后来在网络上意义又有所延伸。——题主好谢谢您的百科卖萌 – 萌娘百科所谓「萌」，最直观的理解自然就是可爱，当然也可以延伸为让人喜爱的事物，或者表达热衷于某物什么的……那么按照题目的思路来说，如果在网络交流之中卖萌，PO主多半是想达到以下效果：人家才没有卖萌呢 > <（自我宣传，形象建设）不要打架，卖萌好处都有啥，谁说对了就包养他~（活跃气氛）泻药，看来今天早饭是吃不成了 QAQ （勾引读者兴趣，引出下文w）虽然这么说似乎是说要诸位做作，不过如果都搞不清自己为什么卖萌，大家也是萌不起来的喔。什么样的人，怎样的萌都说产品要精准定位直击用户需求软肋，卖萌也是一样。屏幕对面的是怎样的人，和他们的关系如何，这些事情都是要影响自己如何遣词造句的。对方能接受怎样程度的「卖萌」，什么类型的「卖萌」，没有把握好度可是会很糟糕的呢。场合也是很重要的，在大家都不开心的时候来个卖萌或许可以让紧张的空气稍微变得放松一些，如果在严肃讨论的时候来个糟糕的傲娇就是使人尴 ...继续阅读 (25)

钉子最近各种销声匿迹，许多文章也拖着迟迟没有码完，至于这单儿，已经是两周以前的事儿了。时间久远略微有点记忆模糊，不过为了纪念，还是在此回忆一下国庆那时的一血达成之路吧。Alipay@Losses Don螺丝菊苣找到钉子时，还从未做过 Discuz! 模板更别说商业模板的某人还不太敢接。任务很简单，不需要再从头做设计，按照一个现成的 Typecho 模板风格套用上去即可。口上说着不一定做，身体还是挺老实的嘛不过钉子还是马上查起了相关的教程。「唉 就是个想做站刚入行不知道水多深的家伙 我也就是帮忙忙活一下 ._. 工作量不大 不过很闹心 你做做就知道了= =」——螺丝菊苣如是说在那之前钉子只有做过一次 WordPress 的主题，充分享受了其完善的官方文档和开发资源的福利，自然不会料到接下来的艰辛。混乱过时的各种教程，语焉不详的模板文档，首先就来了一个下马威。在无奈放弃了寻找教程之后，某人对着默认模版敲起了代码。还没开始多久，调用LOGO这一关就被间歇性失灵的新老版本两个模版目录调用语句卡住了。钉子终于开始体会到了闹心这个词的含义。稍微熟悉了模板系统后，螺丝指挥钉子开始了大面积的K元素：顶栏K掉，快捷启动K掉，个人信息K掉，积分K掉……能从源码K的就Delete，不能K的就干脆 Display:None ，就这样又糊弄过去了大量模块，那叫一个爽。慢慢扣细节的时候 Discuz! 令人无 ...继续阅读 (25)

钉子最近各种销声匿迹，许多文章也拖着迟迟没有码完，至于这单儿，已经是两周以前的事儿了。时间久远略微有点记忆模糊，不过为了纪念，还是在此回忆一下国庆那时的一血达成之路吧。Alipay@Losses Don螺丝菊苣找到钉子时，还从未做过 Discuz! 模板更别说商业模板的某人还不太敢接。任务很简单，不需要再从头做设计，按照一个现成的 Typecho 模板风格套用上去即可。口上说着不一定做，身体还是挺老实的嘛不过钉子还是马上查起了相关的教程。「唉 就是个想做站刚入行不知道水多深的家伙 我也就是帮忙忙活一下 ._. 工作量不大 不过很闹心 你做做就知道了= =」——螺丝菊苣如是说在那之前钉子只有做过一次 WordPress 的主题，充分享受了其完善的官方文档和开发资源的福利，自然不会料到接下来的艰辛。混乱过时的各种教程，语焉不详的模板文档，首先就来了一个下马威。在无奈放弃了寻找教程之后，某人对着默认模版敲起了代码。还没开始多久，调用LOGO这一关就被间歇性失灵的新老版本两个模版目录调用语句卡住了。钉子终于开始体会到了闹心这个词的含义。稍微熟悉了模板系统后，螺丝指挥钉子开始了大面积的K元素：顶栏K掉，快捷启动K掉，个人信息K掉，积分K掉……能从源码K的就Delete，不能K的就干脆 Display:None ，就这样又糊弄过去了大量模块，那叫一个爽。慢慢扣细节的时候 Discuz! 令人无 ...继续阅读 (20)

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles一 基本语法在了解进阶的应用之前，先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:before  {}不过，在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 CSS3 使用，就无所谓向下兼容了：img::after {}这两个伪类下特有的属性 content ，用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容。注意这些添加不会改变文档内容，不会出现在 DOM 中，不可复制，仅仅是在 CSS 渲染层加入。比较有用的是以下几个值：[String]– 使用引号包括一段字符串，将会向元素内容中添加字符串。示例：a:after { content: "↗"; }a ...继续阅读 (29)

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles一 基本语法在了解进阶的应用之前，先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:before  {}不过，在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 CSS3 使用，就无所谓向下兼容了：img::after {}这两个伪类下特有的属性 content ，用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容。注意这些添加不会改变文档内容，不会出现在 DOM 中，不可复制，仅仅是在 CSS 渲染层加入。比较有用的是以下几个值：[String]– 使用引号包括一段字符串，将会向元素内容中添加字符串。示例：a:after { content: "ș ...继续阅读 (17)

本来是假期的最后一晚，中秋节的最后一日；本来该内宿匆忙生回校，外宿生狂补作业；但是，随着一条震撼性的消息传来，顿时喜大普奔，举校欢腾——因强台风天兔即将登陆，惠州市全市中小学统一停课两天，请各校领导老师做好协调工作。惠州市教育局正所谓，不以停课为目的的台风都是耍流氓。Typhoon Usagi (Pixiv ID 38586013)「台风要不要放假？」平常寂静无声的班级群，霎时间热闹起来。有说没校讯通而且内宿生都返校了不可能的，有说是校讯通故障已经问了老班没错的，有说惠高这尿性那么多次全市放假都不放何况要考试的，有说内宿生已经在遣返了说说为证的……最后老温在家长群里简短的一句「因台风影响停课两天」，最终宣布了中秋假期的延长。已经没有再列出同学们听到如此喜讯后做出的如同吸食了鸦片般的疯狂举动的必要，简而言之诸如「正准备背历史，听到消息后马上跑去开电脑了」的动态顿时占满了空间。本来在苦苦复习的某钉子，当然也立刻趴到电脑前继续码主题。第一天的早上，阳光明媚的天气还让人不禁感慨预报目测很是不准。只是从中午开始的淅淅沥沥的小雨，不知道什么时候又成了倾盆大雨，什么时候又响起了呼啸的风声。大概是某人无法忍受在这样的环境下写作业而关上窗户时，台风已经开始了。作为一个算是沿海的城市，台风也不是没见过了。但是天兔的发展完全超乎了意料，天色未暗，已经没有任何的人和车辆敢在暴怒的雨水中穿行。雨点啪嗒啪嗒的 ...继续阅读 (36)

本来是假期的最后一晚，中秋节的最后一日；本来该内宿匆忙生回校，外宿生狂补作业；但是，随着一条震撼性的消息传来，顿时喜大普奔，举校欢腾——因强台风天兔即将登陆，惠州市全市中小学统一停课两天，请各校领导老师做好协调工作。惠州市教育局正所谓，不以停课为目的的台风都是耍流氓。Typhoon Usagi (Pixiv ID 38586013)「台风要不要放假？」平常寂静无声的班级群，霎时间热闹起来。有说没校讯通而且内宿生都返校了不可能的，有说是校讯通故障已经问了老班没错的，有说惠高这尿性那么多次全市放假都不放何况要考试的，有说内宿生已经在遣返了说说为证的……最后老温在家长群里简短的一句「因台风影响停课两天」，最终宣布了中秋假期的延长。已经没有再列出同学们听到如此喜讯后做出的如同吸食了鸦片般的疯狂举动的必要，简而言之诸如「正准备背历史，听到消息后马上跑去开电脑了」的动态顿时占满了空间。本来在苦苦复习的某钉子，当然也立刻趴到电脑前继续码主题。第一天的早上，阳光明媚的天气还让人不禁感慨预报目测很是不准。只是从中午开始的淅淅沥沥的小雨，不知道什么时候又成了倾盆大雨，什么时候又响起了呼啸的风声。大概是某人无法忍受在这样的环境下写作业而关上窗户时，台风已经开始了。作为一个算是沿海的城市，台风也不是没见过了。但是天兔的发展完全超乎了意料，天色未暗，已经没有任何的人和车辆敢在暴怒的雨水中穿行。雨点啪嗒啪嗒的 ...继续阅读 (19)

在一些很长的表格中，常常会使用表头悬浮的设计以方便阅读，即在表格离开窗口之前，表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框等元素，也采用了这种被称为 Sticky Pin 或者 粘性元素 的设计。这种效果一直以来需要通过 JavaScript 实现。不过就在去年，这项结合了 Relative （在屏幕中时） 和 Fixed （移出屏幕时） 的样式效果被提案添加到了 CSS3 中。下面是一个示例：.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: sticky; top: 15px; // 使用和 Fixed 同样的方式设定位置 }因为这个样式尚未进入标准，还必须使用私有前缀。这里介绍一下浏览器兼容更好的 JS 实现方式：一个不错的选择是使用jQuery Pin这个方便的 jQuery 脚本，支持简单的 Pin 元素、在容器范围内 Pin （例如 Table 内 Pin 住 Th）、在一定尺寸下禁用的功能。如果要使用原生 JS 实现，可以参照下面的代码：.sticky { position: fixed; top: 0; } .header { width: 100%; background: #F6D565; pad ...继续阅读 (30)

在一些很长的表格中，常常会使用表头悬浮的设计以方便阅读，即在表格离开窗口之前，表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框等元素，也采用了这种被称为 Sticky Pin 或者 粘性元素 的设计。这种效果一直以来需要通过 JavaScript 实现。不过就在去年，这项结合了 Relative （在屏幕中时） 和 Fixed （移出屏幕时） 的样式效果被提案添加到了 CSS3 中。下面是一个示例：.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: sticky; top: 15px; // 使用和 Fixed 同样的方式设定位置 }因为这个样式尚未进入标准，还必须使用私有前缀。这里介绍一下浏览器兼容更好的 JS 实现方式：一个不错的选择是使用jQuery Pin这个方便的 jQuery 脚本，支持简单的 Pin 元素、在容器范围内 Pin （例如 Table 内 Pin 住 Th）、在一定尺寸下禁用的功能。如果要使用原生 JS 实现，可以参照下面的代码：.sticky { position: fixed; top: 0; } .header { width: 100%; background: #F6D565; pad ...继续阅读 (15)

记得在开学前夕，某钉子曾无奈地望着手上的各种大坑，对着日益临近的初三昼夜叹息。于是就在那时想起了一直想给博客写个主题，于是……这里就是一篇关于某钉子的第一个 WordPress 试水作的回顾。Clearison Theme草率的基调大概是一开始就定好的。在只剩下寥寥数天暑假而且作业没写完（活该）的情况下，主题的大致样式在英语课间的十分钟内迅速定下。刚回到家，在本地PHP环境中安上 WordPress ，然后直接在 wp-content 目录开始了代码。在此之前还稍微回顾了一下自己过往作品的所谓设计风格，直到端详自己个人页的时候看到那个「交互/前端」……交互前端你妹啊！某人顿时掀桌。没错，直到今天才发现，作为自己选择的两个方向，正常开发过程中还要经过的一步视觉，某人完全没有研究……虽说当年还是以平面设计起家的，但是最后一次开PS貌似只是为了P一张同学的恶搞图片，难怪自己的页面都是所谓「简洁平面化」风格。眼前的道路霎时迷茫起来……咳咳跑题了。说起来当年好不容易觉得能手写出个页面来时就已经有意要做，曾经下载的 WordPress 主题教程仍静静的呆在硬盘里，当然因为那时菜鸟级的技术没看多少就只能放弃。只是重新翻出来时发现里面引用的大量资源已经失效，于是最后还是在官方模版和官方文档之间各种参考完成的模版。代码自然使用了某人一贯的 HTML5 + CSS3 ，不过很幸运在 IE6 上并不会导 ...继续阅读 (51)

记得在开学前夕，某钉子曾无奈地望着手上的各种大坑，对着日益临近的初三昼夜叹息。于是就在那时想起了一直想给博客写个主题，于是……这里就是一篇关于某钉子的第一个 WordPress 试水作的回顾。Clearison Theme草率的基调大概是一开始就定好的。在只剩下寥寥数天暑假而且作业没写完（活该）的情况下，主题的大致样式在英语课间的十分钟内迅速定下。刚回到家，在本地PHP环境中安上 WordPress ，然后直接在 wp-content 目录开始了代码。在此之前还稍微回顾了一下自己过往作品的所谓设计风格，直到端详自己个人页的时候看到那个「交互/前端」……交互前端你妹啊！某人顿时掀桌。没错，直到今天才发现，作为自己选择的两个方向，正常开发过程中还要经过的一步视觉，某人完全没有研究……虽说当年还是以平面设计起家的，但是最后一次开PS貌似只是为了P一张同学的恶搞图片，难怪自己的页面都是所谓「简洁平面化」风格。眼前的道路霎时迷茫起来……咳咳跑题了。说起来当年好不容易觉得能手写出个页面来时就已经有意要做，曾经下载的 WordPress 主题教程仍静静的呆在硬盘里，当然因为那时菜鸟级的技术没看多少就只能放弃。只是重新翻出来时发现里面引用的大量资源已经失效，于是最后还是在官方模版和官方文档之间各种参考完成的模版。代码自然使用了某人一贯的 HTML5 + CSS3 ，不过很幸运在 IE6 上并不会导 ...继续阅读 (17)

这是一个 HTML5 的 WordPress 自适应单栏灰色素雅/透明清新双风格主题，风格简洁清新阅读体验良好，适合注重文字的个人博客。附带移动版响应式页面，支持中英文。感谢@Losses Don螺丝关于阅读体验的建议。Clearision V2 灰色素雅风格Clearision V2.5 透明清新风格V2.7 主要更新内容：新增引语和状态文章格式支持新增香港、台湾繁体语言包修正样式和更新上的已知问题欢迎在此页提出相关问题和建议！功能特点自适应宽屏和响应式移动版透明清新风格和自定义背景LOGO 和友情链接社交链接图标，快捷入口和伸缩搜索栏增强的可选访客 UA 展示部分功能的后台开关萌/中/英语言支持HTML5 语义标签和 CSS3 特效，兼容到 IE8 及以上主题演示灰色素雅透明清新获取主题百度网盘(V2.5 正式版)Github(V2.5 正式版)测试版更新源(随时更新最新测试版本，可能不稳定)使用说明直接在后台主题安装上传 Zip 文件即可使用，也可以手动解压至 wp-content/theme 目录中文语言包使用了普通的语言风格，如果想使用类似本博客的吐槽风格，请删除或重命名主题目录下的 lang/zh_CN.mo为多行代码，为行内代码正式版功能更加稳定，希望使用最新版可以下载正式版后在后台更新到最新测试版或者从测试版更新源下载文章点击数会在安装 wp-postview 插件 ...继续阅读 (26)

这是一个 HTML5 的 WordPress 自适应单栏灰色素雅/透明清新双风格主题，风格简洁清新阅读体验良好，适合注重文字的个人博客。附带移动版响应式页面，支持中英文。感谢@Losses Don螺丝关于阅读体验的建议。Clearision V2 灰色素雅风格Clearision V2.5 透明清新风格V2.7 主要更新内容：新增引语和状态文章格式支持新增香港、台湾繁体语言包修正样式和更新上的已知问题欢迎在此页提出相关问题和建议！功能特点自适应宽屏和响应式移动版透明清新风格和自定义背景LOGO 和友情链接社交链接图标，快捷入口和伸缩搜索栏增强的可选访客 UA 展示部分功能的后台开关萌/中/英语言支持HTML5 语义标签和 CSS3 特效，兼容到 IE8 及以上主题演示灰色素雅透明清新获取主题百度网盘(V2.5 正式版)Github(V2.5 正式版)测试版更新源(随时更新最新测试版本，可能不稳定)使用说明直接在后台主题安装上传 Zip 文件即可使用，也可以手动解压至 wp-content/theme 目录中文语言包使用了普通的语言风格，如果想使用类似本博客的吐槽风格，请删除或重命名主题目录下的 lang/zh_CN.mo为多行代码，为行内代码正式版功能更加稳定，希望使用最新版可以下载正式版后在后台更新到最新测试版或者从测试版更新源下载文章点击数会在安装 wp-postview 插件 ...继续阅读 (15)

要在 Linux 下安装 Minecraft 其实挺简单的，就是 Java 和 LWJGL 的配置略微麻烦。先上一张效果图……Minecraft in Elementary OS一 配置环境Minecraft 需要显卡驱动对 OpenGL 的支持还有 Java 环境的支持。如果已经有了 Java 环境可以跳过这一段。Ubuntu 本身也内置了 Open-Java 环境，无需安装。假如没有预装，可以从包管理器安装：sudo apt-get install openjdk-6-jdk一般来说 Open-Java 就可以应付平常的需求，是其他发行版或者要支持开发环境的话也可以安装 Sun-Java 。1.1 Ubuntu 源Ubuntu 下可以用 Partner 源方便的安装：sudo add-apt-repository "deb http://archive.canonical.com/ubuntu maverick partner" # 添加源 sudo apt-get update # 更新列表 sudo apt-get install sun-java6-jre sun-java6-plugin # 安装JRE sudo apt-get install sun-java6-jdk sun-java6-plugin # 安装JDK1.2 RPM包和手动安装如果不是 Ubuntu ...继续阅读 (59)

要在 Linux 下安装 Minecraft 其实挺简单的，就是 Java 和 LWJGL 的配置略微麻烦。先上一张效果图……Minecraft in Elementary OS一 配置环境Minecraft 需要显卡驱动对 OpenGL 的支持还有 Java 环境的支持。如果已经有了 Java 环境可以跳过这一段。Ubuntu 本身也内置了 Open-Java 环境，无需安装。假如没有预装，可以从包管理器安装：sudo apt-get install openjdk-6-jdk一般来说 Open-Java 就可以应付平常的需求，是其他发行版或者要支持开发环境的话也可以安装 Sun-Java 。1.1 Ubuntu 源Ubuntu 下可以用 Partner 源方便的安装：sudo add-apt-repository "deb http://archive.canonical.com/ubuntu maverick partner" # 添加源 sudo apt-get update # 更新列表 sudo apt-get install sun-java6-jre sun-java6-plugin # 安装JRE sudo apt-get install sun-java6-jdk sun-java6-plugin # 安装JDK1.2 RPM包和手动安装如果不是 Ubuntu ...继续阅读 (26)

十分危险地保持着 1% 的电量，估摸着已经如此这般一个半小时了的爪机还是昂扬的挺立着(?)。电量统计缓存看来又欠调教了呢，但是为此非要进一次 Recovery 真是讨厌呢。这么说起来暑假马上就要结束了，然后就可以尽情地享受在充实的青春中奋力攻略中考酱的滋味呢。再怎么不舍也不是会睡前默默祈祷其实假期还有一个月的年龄了，只是无意间戳开空间看到各种狂补作业才松了一口气的发现自己只剩下四篇作文的完成度已经算不错。花了一天半补完了『魔法少女小圆』，刚看完时倒是不能说很大感触，但是没想到一旦静下来其中的画面总是挥之不去，也有了爬起来写这篇文章的契机。看来也真心不愧算是经典，何止是二周目，起码也要入手 Blue-Ray 才行啊。好的那么以下就是PO主例行的残念的自说自话，还请不要戳进。作为伪宅一只，因为名字一直以为不过是小樱、奈叶一般的正统魔法少女番一直不甚感冒。从最爱的新房昭之的履历中看到小圆脸真是吃了一惊，最后因为知乎日报上的点评果断决定补番。无论如何还是透露出了新房独特的风格，目测因为预算原因各种背景也细腻的无以复加。教室取材自监狱等各种亮点还忍不住笑了出来，就这么在和谐是的剧情和治愈(?)的OP配合下被骗了三集。然后学姐掉头，ED一换，正片开始。新房口味超现实的魔女场面，不出意外霸气的战斗画面，给力的BGM和十分带感的致郁向ED都是加分点。沙耶加和杏子的便当，EP10抖出包袱后再回头看O ...继续阅读 (30)

十分危险地保持着 1% 的电量，估摸着已经如此这般一个半小时了的爪机还是昂扬的挺立着(?)。电量统计缓存看来又欠调教了呢，但是为此非要进一次 Recovery 真是讨厌呢。这么说起来暑假马上就要结束了，然后就可以尽情地享受在充实的青春中奋力攻略中考酱的滋味呢。再怎么不舍也不是会睡前默默祈祷其实假期还有一个月的年龄了，只是无意间戳开空间看到各种狂补作业才松了一口气的发现自己只剩下四篇作文的完成度已经算不错。花了一天半补完了『魔法少女小圆』，刚看完时倒是不能说很大感触，但是没想到一旦静下来其中的画面总是挥之不去，也有了爬起来写这篇文章的契机。看来也真心不愧算是经典，何止是二周目，起码也要入手 Blue-Ray 才行啊。好的那么以下就是PO主例行的残念的自说自话，还请不要戳进。作为伪宅一只，因为名字一直以为不过是小樱、奈叶一般的正统魔法少女番一直不甚感冒。从最爱的新房昭之的履历中看到小圆脸真是吃了一惊，最后因为知乎日报上的点评果断决定补番。无论如何还是透露出了新房独特的风格，目测因为预算原因各种背景也细腻的无以复加。教室取材自监狱等各种亮点还忍不住笑了出来，就这么在和谐是的剧情和治愈(?)的OP配合下被骗了三集。然后学姐掉头，ED一换，正片开始。新房口味超现实的魔女场面，不出意外霸气的战斗画面，给力的BGM和十分带感的致郁向ED都是加分点。沙耶加和杏子的便当，EP10抖出包袱后再回头看O ...继续阅读 (14)

九月一号就开学了。暑假过的真快啊……总的来说，这个暑假还是过的很棒的。无论如何，学到了很多……明天又要上补习班，不过也算给开学预热一下吧。开学后就是初三了。无论如何都必须打起精神来应付的重要时刻呢，继续提不起干劲的话可是要坏事呢。这几天都在给博客码主题。第一次写 WordPress 主题呢……真忙起来，确实是没时间再顾及各种SNS什么呢（趴嘛，至少在攻略中考酱之前，做出一个像样的作品吧。话说，一直以来的附件服务器，竟然被墙了呢……本文来自钉子の次元 - Dimpurr - 千里之行，始於足下。,原文地址开学前的碎碎念 ...继续阅读 (31)

最开始知道 Elementary OS 是@Mummy醬在评论里提到的：愛麗絲卡 2013-7-18 21:00: 可以試試別的桌面環境的說，咱是elementary os的飯。当初看了一下觉得和 Gnome 差不多 (当时把 Gnome 当成了 KDE …)，所以没有引起多大注意。昨天正好没事干，就刻录了下 OpenSUSE 准备试试。等待之中在 V2EX 晃悠时，又看到了有人提到 Elementary OS 。于是就顺便搜索了一下，结果大感兴趣，直接把刚刻好的 OpenSUSE 覆盖掉了……很快进入了安装界面，当然先点了试用。不得不说真的是惊艳到了，默认的桌面环境确实非常漂亮，略有 Mac 风格但也不只是模仿，既细腻又简洁，不愧是设计师主导的发行版。于是 Elementary 的脑残粉又多了一个……之后因为除了界面风格之外定制 Ubuntu 的部分不算多，安装也轻车熟路，断网安装一下子就搞定了。时某人依然是试用然后边玩边安装，不过因为 Live CD 没有 sudo 权限 GoAgent 配置失败了……边安装边玩中~很快设置好引导进了系统，然后配置好了GoAgent、 Wine、 Ubuntu Tweak 等之前研究过了的东西。输入法 SunPinyin 暂时凑合，下次试试传说中的 Rime 小狼毫。播放器还是习惯的 SMPlayer ，浏览器换成了 Chromiu ...继续阅读 (52)

最开始知道 Elementary OS 是@Mummy醬在评论里提到的：愛麗絲卡 2013-7-18 21:00: 可以試試別的桌面環境的說，咱是elementary os的飯。当初看了一下觉得和 Gnome 差不多 (当时把 Gnome 当成了 KDE …)，所以没有引起多大注意。昨天正好没事干，就刻录了下 OpenSUSE 准备试试。等待之中在 V2EX 晃悠时，又看到了有人提到 Elementary OS 。于是就顺便搜索了一下，结果大感兴趣，直接把刚刻好的 OpenSUSE 覆盖掉了……很快进入了安装界面，当然先点了试用。不得不说真的是惊艳到了，默认的桌面环境确实非常漂亮，略有 Mac 风格但也不只是模仿，既细腻又简洁，不愧是设计师主导的发行版。于是 Elementary 的脑残粉又多了一个……之后因为除了界面风格之外定制 Ubuntu 的部分不算多，安装也轻车熟路，断网安装一下子就搞定了。时某人依然是试用然后边玩边安装，不过因为 Live CD 没有 sudo 权限 GoAgent 配置失败了……边安装边玩中~很快设置好引导进了系统，然后配置好了GoAgent、 Wine、 Ubuntu Tweak 等之前研究过了的东西。输入法 SunPinyin 暂时凑合，下次试试传说中的 Rime 小狼毫。播放器还是习惯的 SMPlayer ，浏览器换成了 Chromiu ...继续阅读 (12)