钉子の演示

又一个WordPress站点

@dimpurr11年前

10/18
20:14
代码宅

你所不知的 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪类了。

Creative Button Styles

Creative Button Styles

一 基本语法

在了解进阶的应用之前,先来了解一下语法规则。平常仅仅需要将伪类用于添加一些自定义字符时,只需使用伪类普遍的单冒号写法,以保证浏览器的兼容性:

Read More →

你所不知的 CSS ::before 和 ::after 伪元素用法

@dimpurr11年前

09/30
23:23
碎碎念

袭来!强台风天兔

本来是假期的最后一晚,中秋节的最后一日;本来该内宿匆忙生回校,外宿生狂补作业;但是,随着一条震撼性的消息传来,顿时喜大普奔,举校欢腾——

因强台风天兔即将登陆,惠州市全市中小学统一停课两天,请各校领导老师做好协调工作。惠州市教育局

正所谓,不以停课为目的的台风都是耍流氓。

Typhoon Usagi (Pixiv ID 38586013)

Typhoon Usagi (Pixiv ID 38586013)

「台风要不要放假?」平常寂静无声的班级群,霎时间热闹起来。有说没校讯通而且内宿生都返校了不可能的,有说是校讯通故障已经问了老班没错的,有说惠高这尿性那么多次全市放假都不放何况要考试的,有说内宿生已经在遣返了说说为证的……最后老温在家长群里简短的一句「因台风影响停课两天」,最终宣布了中秋假期的延长。

已经没有再列出同学们听到如此喜讯后做出的如同吸食了鸦片般的疯狂举动的必要,简而言之诸如「正准备背历史,听到消息后马上跑去开电脑了」的动态顿时占满了空间。本来在苦苦复习的某钉子,当然也立刻趴到电脑前继续码主题。

第一天的早上,阳光明媚的天气还让人不禁感慨预报目测很是不准。只是从中午开始的淅淅沥沥的小雨,不知道什么时候又成了倾盆大雨,什么时候又响起了呼啸的风声。大概是某人无法忍受在这样的环境下写作业而关上窗户时,台风已经开始了。

作为一个算是沿海的城市,台风也不是没见过了。但是天兔的发展完全超乎了意料,天色未暗,已经没有任何的人和车辆敢在暴怒的雨水中穿行。雨点啪嗒啪嗒的敲打着玻璃,试图顶着风把窗户推开却从缝隙中吹进来的强风中领教到了气压差的威力。简而言之,某人从未见过的最大的台风,开始了。

Read More →

袭来!强台风天兔

@dimpurr11年前

09/27
18:54
代码宅

使用 position: sticky 达到粘性元素区域悬浮效果

在一些很长的表格中,常常会使用表头悬浮的设计以方便阅读,即在表格离开窗口之前,表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框等元素,也采用了这种被称为 Sticky Pin 或者 粘性元素 的设计。

这种效果一直以来需要通过 JavaScript 实现。不过就在去年,这项结合了 Relative (在屏幕中时) 和 Fixed (移出屏幕时) 的样式效果被提案添加到了 CSS3 中。下面是一个示例:

.sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 15px; // 使用和 Fixed 同样的方式设定位置
}

因为这个样式尚未进入标准,还必须使用私有前缀。这里介绍一下浏览器兼容更好的 JS 实现方式:

Read More →

使用 position: sticky 达到粘性元素区域悬浮效果

@dimpurr11年前

09/18
21:29
代码宅

某釘子のWP主題 第一季

记得在开学前夕,某钉子曾无奈地望着手上的各种大坑,对着日益临近的初三昼夜叹息。于是就在那时想起了一直想给博客写个主题,于是……这里就是一篇关于某钉子的第一个 WordPress 试水作的回顾。

Clearison Theme

Clearison Theme

草率的基调大概是一开始就定好的。在只剩下寥寥数天暑假而且作业没写完(活该)的情况下,主题的大致样式在英语课间的十分钟内迅速定下。刚回到家,在本地PHP环境中安上 WordPress ,然后直接在 wp-content 目录开始了代码。

在此之前还稍微回顾了一下自己过往作品的所谓设计风格,直到端详自己个人页的时候看到那个「交互/前端」……交互前端你妹啊!某人顿时掀桌。没错,直到今天才发现,作为自己选择的两个方向,正常开发过程中还要经过的一步视觉,某人完全没有研究……虽说当年还是以平面设计起家的,但是最后一次开PS貌似只是为了P一张同学的恶搞图片,难怪自己的页面都是所谓「简洁平面化」风格。眼前的道路霎时迷茫起来……

咳咳跑题了。说起来当年好不容易觉得能手写出个页面来时就已经有意要做,曾经下载的 WordPress 主题教程仍静静的呆在硬盘里,当然因为那时菜鸟级的技术没看多少就只能放弃。只是重新翻出来时发现里面引用的大量资源已经失效,于是最后还是在官方模版和官方文档之间各种参考完成的模版。

Read More →

某釘子のWP主題 第一季

@dimpurr11年前

09/18
21:00
代码宅

Clearision V2 – 简洁灰色自适应单栏 WordPress 主题

这是一个 HTML5 的 WordPress 自适应单栏灰色风格主题,风格简洁素雅阅读体验良好,适合注重文字的个人博客。附带移动版响应式页面,支持中英文。感谢  @Losses Don 螺丝关于阅读体验的建议。

Clearision 2.0

Clearision V2

V2.2 主要更新内容:

  • 已知问题修复和改善的后台
  • 小工具适配完成以及众多样式更新,新增代码块可点击编辑
  • 更方便的头部社交图标和入口

欢迎在此页提出相关问题和建议!

Read More →

Clearision V2 – 简洁灰色自适应单栏 WordPress 主题

@dimpurr11年前

09/1
21:13
次元爱

Ubuntu (Linux) 下安装 Minecraft 我的世界

要在 Linux 下安装 Minecraft 其实挺简单的,就是 Java 和 LWJGL 的配置略微麻烦。先上一张效果图……

Minecraft in Elementary OS

Minecraft in Elementary OS

 一 配置环境

Minecraft 需要显卡驱动对 OpenGL 的支持还有 Java 环境的支持。

如果已经有了 Java 环境可以跳过这一段。Ubuntu 本身也内置了 Open-Java 环境,无需安装。

假如没有预装,可以从包管理器安装:

Read More →

Ubuntu (Linux) 下安装 Minecraft 我的世界

@dimpurr11年前

08/30
02:22
碎碎念

快和我签订契约,成为马猴烧酒吧

十分危险地保持着 1% 的电量,估摸着已经如此这般一个半小时了的爪机还是昂扬的挺立着(?)。电量统计缓存看来又欠调教了呢,但是为此非要进一次 Recovery 真是讨厌呢。

这么说起来暑假马上就要结束了,然后就可以尽情地享受在充实的青春中奋力攻略中考酱的滋味呢。再怎么不舍也不是会睡前默默祈祷其实假期还有一个月的年龄了,只是无意间戳开空间看到各种狂补作业才松了一口气的发现自己只剩下四篇作文的完成度已经算不错。

花了一天半补完了『魔法少女小圆』,刚看完时倒是不能说很大感触,但是没想到一旦静下来其中的画面总是挥之不去,也有了爬起来写这篇文章的契机。看来也真心不愧算是经典,何止是二周目,起码也要入手 Blue-Ray 才行啊。

好的那么以下就是PO主例行的残念的自说自话,还请不要戳进。

Read More →

快和我签订契约,成为马猴烧酒吧

@dimpurr11年前

08/25
19:50
碎碎念

开学前的碎碎念

九月一号就开学了。暑假过的真快啊……

总的来说,这个暑假还是过的很棒的。无论如何,学到了很多……

明天又要上补习班,不过也算给开学预热一下吧。

开学后就是初三了。无论如何都必须打起精神来应付的重要时刻呢,继续提不起干劲的话可是要坏事呢。

这几天都在给博客码主题。第一次写 WordPress 主题呢……真忙起来,确实是没时间再顾及各种SNS什么呢(趴

嘛,至少在攻略中考酱之前,做出一个像样的作品吧。

话说,一直以来的附件服务器,竟然被墙了呢……

开学前的碎碎念

@dimpurr11年前

08/18
23:34
代码宅

Elementary OS Luna 第一天

最开始知道 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 ,浏览器换成了 Chromium 。之前攒下的经验用完后,又开始了折腾。某渣渣首先尝试了一下著名的新立得包管理器,最后表示软件中心 + 手动 apt-get 也挺方便了……

Read More →

Elementary OS Luna 第一天