钉子の次元

Dimpurr – an artist, designer and developer from China.

dp-card – 钉子的个人页一代

这是一个 HTML5 + CSS3 的个人名片页,附带响应式移动版,兼容 IE9 及以上浏览器。

dp-card

dp-card

最近有不少同学表示了对钉子目前个人页的喜爱,虽然个人觉得并不咋滴, 正好准备过段时间重新设计新版的个人页,于是好好修正了一下放出来了。出于无聊重新修改了各种语义化标记,把脚本也重做了,并且通过了 W3C 验证,感谢 @JoyNeop 菊苣的挑刺 …… 纯 HTML5 页面,需要请自行修改相关内容。有问题可以回复,可能不接受新的功能需求。

获取源码:

更新历史:

  • 13-07-03:第一版本完成
  • 13-10-28:万圣节样式更新
  • 13-12-07:添加微数据,谷歌结构化数据检测通过。
  • 13-12-26:HTML结构重写,脚本和细节样式修改,W3C验证通过
  1. 广岛秋泽说道:

    钉子兄~Github和Github Release有什么区别吗?

    1. Dimpurr说道:

      把 Release 单独放出来是怕有人找不到在哪下载www

  2. 卜卜口说道:

    不错嘛!

  3. 吴瞳说道:

    不能更赞,已经偷偷搬走了:)

  4. ILOFI说道:

    赞不能再多~拿下来用了。。。

  5. 伊凡说道:

    为嘛截图和实际浏览的字体不一样,Chrome、Firefox和IE都试过了,都不是截图那个字体。

    1. Dimpurr说道:

      因为汝电脑上没有 Yahei Consolas Hybrid 所以降级为微软雅黑了。实际上这个字体是程序员才会有的 …… 而且我觉得当时选的并不好,所以就一直默认降级了。

      需要的话可以把 style.css 里的 微软雅黑, "Consolas" 改为 "Consolas", 微软雅黑

    2. Dimpurr说道:

      嗯 …… 顺带修了另外几个问题 更新为 v1.1 了

  6. Kunr说道:

    哇哈哈 换主题了~

  7. 千与琥珀说道:

    竟然开源了么,先make下,用到的时候再说

    1. Dimpurr说道:

      嗯,不过说要做新个人页还是一直拖着没做,估计要到寒假才可以了 …… 趴

      1. 千与琥珀说道:

        我的也是,很多坑一直拖着

  8. Guu说道:

    nice!

  9. 馒头饭MADfan说道:

    新主页很棒~

  10. khaos说道:

    爱死了 >_<

  11. 独星说道:

    前來圍觀技術宅w
    主題好棒我收下了٩(ˊᗜˋ*)و(最近懶得寫個人頁_(:з」∠)_)

  12. lovee说道:

    膜拜自己写theme的大大!

  13. pete412说道:

    膜拜+1

  14. Librehat说道:

    简直了……爬来膜拜前端攻城狮

  15. Jialin.Lee说道:

    我还是喜欢你的一代!

  16. Rix说道:

    你把滚轮事件加到resize事件里面了,所以你的滚轮没有在加载页面后立刻生效(调整窗口大小后才生效)
    这篇文章挺好的,可以直接拿来用
    http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/

    还有用transform和linear-gradient做这么大的背景滚动的时候简直就是CPU杀手,我的Chrome还算流畅,Safari较卡,Firefox简直不能动。建议换一种背景吧。

    1. Rix说道:

      哦,我说的是你dp-modern主题。建议你把新的主题分开repositories,或者建立分支管理,我都被你文章的GitHub链接误导了。

    2. Dimpurr说道:

      这篇文章很实用,非常感谢!之前只用中文粗略搜索了一下结果没找到结果 ……

      嘛至于背景是准备位图化啦 …… 因为回老家两周碰不到电脑结果拖到现在还留着半成品 Orz

  17. 畅畅说道:

    菜鸟一问 请问这个怎么用?

    1. 畅畅说道:

      我想要的效果是打开根目录 先出现这个页面 然后点击链接再进入主博客

  18. 痞子刘说道:

    果断抱走,换上,

  19. Horo说道:

    不能更赞,已经偷偷搬走了:)

  20. 911说道:

    请问下如何更换背景图片 我把背景图片重新命名和原来图片一样的名字结果没有显示出现

    1. Dimpurr说道:

      可能是有浏览器缓存, CTRL + Shift + F5 刷新下看看

      1. 911说道:

        不行啊,我已经清空缓存了 还是不显示出来,链接: http://pan.baidu.com/s/1gdgTgUv 密码: 85ik
        我把我修改的代码上传了 你帮我看下 实在不知道啥原因