得壹「賞」貳不是夢 - JJlin

take baby steps

得壹「賞」貳不是夢

这还是一篇关于 Yarn 主题的更新文章,因为最近都是在加班,加班这破事谁过谁知道还用我每天向您们倒苦水?

Yarn 3.0 版本前,我只想做一张皮肤让它有种独特风格,有一次帮助一位博友搭建环境,他说:您的这主题我很喜欢,简洁个性,但是我是个选择困难户,我之前用的主题也很喜欢,您说怎么办,可不可以得一想二?我犹豫了一下:能吧!说出来的话泼出去的水收不回来,憋犹豫就是干!干!干!废话少说,下面展示一下成果:


这个皮肤在 3.1 版本上已经更新了头部的特效,但页脚部分还是使用默认的效果,配合起来有点不伦不类不知所谓的样子,而且用于头部的波浪图块做的时候使用的宽度较大,造成不是很和谐。那么既然是第二套皮肤就该换手换脚换全身,这次更新页脚部分也做了配套的更换,只要一键切换,简单明了;不得不说波浪布局下搭配上冒泡动画还有几分“池鱼”的意境。特效全开时 GPU 资源占用率有少许上升 5% 左右,但像我这样老电脑还不是速度钢钢的,全功能将在月中 3.1.5 版本上得到更新。国际惯例自打广告 ↓

2016-10-19 09:46
关于购买Yarn
首先说明一下,Yarn是本人第一款付费主题,用心用力,只为小众,不卖代码。函数各种代码满网络可找,设计可以千差万别。Yarn定位是清新、单栏、个性,如果你想要的是一款与众不同的主题,那么Yarn是您的

One more thing

pb鉴于对排版有自己个人偏执的坏习惯,对字体的布局也有个人的爱好,经过几番参考各大门户网站的 font-family 之后,多种布局适应 Mac 和 Win 上的字体都是觉得强差人意,不是中英行高不对称就是使用非衬线字体搭配 mac 的苹方在 Safari 渲染效果粗细不一,期间还尝试使用自定义英文字体来缓解这种不适应,未果,最后决定还是作出一个较二的举动:新建本地字体 Mi mark 。

Mi Mark = 小米兰亭 + FF mark ,小米兰亭:MIUI 自带中文字体;FF mark:万事达卡公布的新 logo 使用的英文字体(官网体验版字体)。使用 FontCreator 替换小米兰亭的英文字体,调整字高和间距,缩少留白,以致凑合能看了,而且凑合得还不错!小米兰亭包含的中,日文字加 FF Mark 共34615字,日常使用足够了。

使用方法:下载字体文件 —— 双击字体 —— 点击安装即可。网页端 css 类型下 font-family 规定元素的字体系列首要必须是 Mi Mark 。例:

font-family: "Mi Mark",Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;

Mac 下的效果图如文章中的第一,第二幅图,Win(no screenshot)下推荐使用 mactype 软件做一下渲染,Chrome 54 以上请关闭 DirectWrite 以获得最佳效果!最后,您可以刷新一下 JJlin.net 享受一下神清气爽的一刻了!

百度云盘:复制密码 tdqo

分享
18 条评论
  • Meow

    快心动了♡ʚ♡ɞ(ू• ̮ •ू❁)

    回复
  • 咚门

    厉害厉害,顶顶顶。

    回复
  • 旧梦-mrju.cn

    感觉用上mac的人们,设计出的主题跟win的真的不一样。各种极致。

    回复
  • 牧羊人

    BUG 提示:双击任何地方返回顶部,这是故意设计的还是怎样?觉得并不太好

    回复
    • JJlin

      @牧羊人 : 故意的,这功能后台开启状态。关掉就没有了。

      回复