钉子の次元

Dimpurr – an artist, designer and developer from China.

Date Time

13/12/27 21:15

Author

Category

代码宅

Tags

, , , ,
31 Comments

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. 广岛秋泽说道：
    2013/12/27 21:33

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

    回复
    1. Dimpurr说道：
      2013/12/27 21:46

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

      回复
  2. 卜卜口说道：
    2013/12/27 22:20

    不错嘛！

    回复
  3. 涼月かえで说道：
    2013/12/29 16:43

    赞！

    回复
  4. 吴瞳说道：
    2013/12/29 22:45

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

    回复
  5. ILOFI说道：
    2013/12/31 13:00

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

    回复
  6. 伊凡说道：
    2013/12/31 14:51

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

    回复
    1. Dimpurr说道：
      2013/12/31 18:11

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

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

      回复
    2. Dimpurr说道：
      2013/12/31 19:54

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

      回复
  7. Kunr说道：
    2014/01/01 08:04

    哇哈哈 换主题了~

    回复
  8. 千与琥珀说道：
    2014/01/01 12:01

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

    回复
    1. Dimpurr说道：
      2014/01/01 14:01

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

      回复
      1. 千与琥珀说道：
        2014/01/01 21:31

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

        回复
  9. Guu说道：
    2014/01/01 18:23

    nice!

    回复
  10. 馒头饭MADfan说道：
    2014/01/02 02:07

    新主页很棒~

    回复
  11. khaos说道：
    2014/01/03 14:45

    爱死了 >_<

    回复
  12. 独星说道：
    2014/01/07 15:17

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

    回复
  13. lovee说道：
    2014/01/08 00:56

    膜拜自己写theme的大大！

    回复
  14. pete412说道：
    2014/01/09 19:02

    膜拜+1

    回复
  15. Librehat说道：
    2014/01/13 12:45

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

    回复
  16. Jialin.Lee说道：
    2014/01/31 22:25

    我还是喜欢你的一代！

    回复
  17. Rix说道：
    2014/02/08 22:18

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

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

    回复
    1. Rix说道：
      2014/02/08 22:22

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

      回复
    2. Dimpurr说道：
      2014/02/08 23:28

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

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

      回复
  18. 畅畅说道：
    2014/04/20 17:25

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

    回复
    1. 畅畅说道：
      2014/04/20 17:44

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

      回复
  19. 痞子刘说道：
    2014/08/17 18:21

    果断抱走，换上，

    回复
  20. Horo说道：
    2014/10/10 19:50

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

    回复
  21. 911说道：
    2014/11/02 02:02

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

    回复
    1. Dimpurr说道：
      2014/11/02 12:13

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

      回复
      1. 911说道：
        2014/11/02 13:18

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

        回复

Theme Slackview by Dimpurr

Proudly powered by WordPress