钉子の次元

Dimpurr – 千里之行,始於足下。

钉子的 .tel 域名历险记

那时的某人手头刚好有了点小钱,心里又痒痒的想起了之前搭站的计划。心动不如行动,闲极无聊的某人立刻用 Name.com的域名扫描器 检视各种珍惜域名被遗漏的生僻后缀。在因为各种新出域名的昂贵价格几经绝望之后,忽然, Otaku.tel 这个域名后面 $9.99 的超低价格让某人发现了希望的曙光。

不幸的是 GoDaddy 并不支持 .tel 域名的购买,而 Name.com 无法使用支付宝支付。心急火燎的某人想起了三三曾经提到过的专门做新后缀的国内域名商十一名,果然发现每年76大洋即可拿到。便宜哪有不捡的道理,火速注册并支付提交了订单,在惴惴不安的等待中度过了一个夜晚。

第二天,登上后台的某人惊喜的在已购买服务内看到了域名的管理后台。首先应该做的当然是把DNS解析绑定到 Dnspod ,所以让我们……什么?居然没法保存???就说吧!宁可找人代付也要在 Name.com 这样的大站买吧,你小子就猴急吧,说过了国内域名商不能信吧……内心无数草泥马滚滚而过之后,无奈的某人戳开了客服QQ (国内就这好处,比工单快多了) ,然后得到了令人发指的答复……

.tel 域名是没有DNS的,TEL域名是电子名片式域名,全是使用注册局官方统一的页面进行设置,具体的说明教程在你注册后系统有发邮件到您的注册邮箱,也包括官方帐号

——via 客服大叔

嘛,那么一查邮箱,真有封邮件,还附了个PDF。在无比头大的翻阅了一遍09年出的没有技术含量内容超级白痴但是语言生涩难懂的 『.tel 使用指南』(点击下载) 之后,某人掀桌了:这特么不就是一个又难用又难看的收费版顶级米 About.me 嘛!!! 无法绑定服务器,无法存放网页,一切 A 和 NS 记录都被屏蔽,只支持 TXT 和 MX 记录……要你何用!

为了不让76大洋去的那么无辜,某人硬着头皮开始了这个奇葩服务的体验……以下吐槽 ↓

READ MORE →

Win 下配置 Sublime Text 的 SASS 插件

SASS是一门著名的CSS预处理器语言,而 Sublime Text 则堪称界面最优雅的编辑器之一。为ST配置了SASS的插件之后,便可以在ST中很方便的支持SASS的语法高亮以及一键编译。

CSS预处理器即在CSS语法里加入编程中的变量、循环、调用等结构,再将其编译成普通的CSS文件。目前主流的预处理器有实时编译的 LESS 和预编译的 SASS ,在语法部分也有一些区别,个人认为SASS更加强大一些。关于SASS的更多详细介绍在此不再赘述,若想了解请参见 SASS用法指南 。

SASS需要Ruby环境的支持,因此首先要下载并安装对应版本的 Ruby Installer for Windows 。然后在开始菜单中启动 Start Command Prompt with Ruby ,在弹出的命令行界面中输入:

gem install sass

随后会开始SASS的安装。如果提示 HTTP 302,可能是GEM被墙的问题,请在 Internet 选项 中挂上代理重试。

READ MORE →

Ubuntu/Liunx 下 GoAgent 翻墙教程

GoAgent 翻墙成功

GoAgent 翻墙成功效果

因为在 Github 上下载的时候实在无法忍受 24 kb/s 的龟速……查了下资料, Linux 下好像比较常用 ssh 翻墙,但对我来说还是 GoAgent 比较熟悉,于是折腾了一下,最终搞定。上教程。

一、准备工作

1、申请 AppID 和 Win 下相同,本文假定已经成功申请到至少一个 AppID ,方法在此不再详述,需要的话请访问:http://blog.howgo.info/archives/3246.html

2、Ubuntu 已经自带 Python ,但是建议还是确认一下。终端 sudo apt-get install python

3、下载 GAE for Linux https://developers.google.com/appengine/downloads?hl=zh-CN

4、下载 GoAgent ,Win 和 Linux 是通用的, Linux 下直接用 .py 脚本运行 https://code.google.com/p/goagent/

READ MORE →

CSS3 Media Query 响应式媒体查询

在CSS中,有一个极其实用的功能:@media 响应式布局。具体来说,就是可以根据客户端的介质和屏幕大小,提供不同的样式表或者只展示样式表中的一部分。通过响应式布局,可以达到只使用单一文件提供多平台的兼容性,省去了诸如浏览器判断之类的代码。

当然这种设计也存在着缺点,比如我所见的不少使用响应式布局的设计在适配移动端时大量使用 display:none 隐藏富媒体元素,这样势必会导致大量不必要的流量。因此,如果有较为重要的移动端需求,那么还是开发专门的移动版页面为好。不过,对于诸如内容较少的页面或者单页式网站来说,响应式布局依然不失为一种偷懒的好方法 ^ ^

一、在 <head> 链接CSS文件时提供判断语句,选择性加载不同的CSS文件

<link rel="stylesheet" href="middle.css" media="screen and (min-width: 400px)">

这句意味在满足 media 的判断语句 screen and (min-width: 400px) 即 屏幕并且最小宽度不小于400px 的介质上面使用 middle.css 。

READ MORE →