V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
BigDecimal
V2EX  ›  分享创造

后台写烦了,学学前端——拿 V2EX 首页练练手

  •  1
     
  •   BigDecimal · 2014-12-11 09:59:49 +08:00 · 3886 次点击
    这是一个创建于 3435 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近利用业余时间学了些前端的东西,于是想尝试拿 CSS 画个页面,于是选了 v2ex 的首页来练手

    画的怎样,看链接吧: https://workspace.v2ex.com/file/2b13ae4c-806f-11e4-9bdd-f23c91732dc3/v2ex-home.html

    第一次尝试用 CSS 画出一个完整的页面,多少还是有些鸡冻:)
    第 1 条附言  ·  2014-12-11 11:20:15 +08:00
    不出意外的话,看到的应该是下面这张图的效果:

    
    19 条回复    2014-12-12 21:31:29 +08:00
    huson
        1
    huson  
       2014-12-11 10:02:18 +08:00
    蛮好的 就是右上角sign up 那边你也太偷懒啦
    abelyao
        2
    abelyao  
       2014-12-11 10:09:59 +08:00
    原来在 v2 还能这样发 demo 页!涨姿势了!
    BigDecimal
        3
    BigDecimal  
    OP
       2014-12-11 10:16:16 +08:00
    @huson 谢谢,在 Mac OS 下效果可能会稍好些


    PS:页面用的是 Mac OS 下默认的 STHeiTi 字体,也是在Mac OS 下的浏览器中调试完成的,所以没怎么顾及到使用 Windows 和 Linux 的朋友们的感受,还请谅解。。。
    tigerstudent
        4
    tigerstudent  
       2014-12-11 10:27:39 +08:00
    原来V2还能这样子玩!
    BigDecimal
        5
    BigDecimal  
    OP
       2014-12-11 10:33:33 +08:00
    @BigDecimal
    @tigerstudent

    呵呵,V2 不只是社区,她比你想象的要强大
    ericls
        6
    ericls  
       2014-12-11 10:44:05 +08:00
    说到前端就头痛 求方法根治 我怎么都学不会。。。
    BigDecimal
        7
    BigDecimal  
    OP
       2014-12-11 11:10:56 +08:00   ❤️ 1
    @ericls 给你推荐几个杀手级网站,专门根治前端疑难杂症

    http://www.html-5-tutorial.com/all-html-tags.htm
    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
    http://codepen.io/pen (我个人最喜欢的在线编辑器,没有之一)
    smithtel
        8
    smithtel  
       2014-12-11 12:17:50 +08:00
    @BigDecimal 话说我账号密码怎么就不对呢
    sunine
        9
    sunine  
       2014-12-11 12:20:46 +08:00
    我去!在v2ex待了四年了居然不知道还有这种地方!
    yetone
        10
    yetone  
       2014-12-11 12:21:58 +08:00
    这配色这阴影。。。
    BigDecimal
        11
    BigDecimal  
    OP
       2014-12-11 12:48:16 +08:00
    @smithtel 跟 v2ex 的登录密码一样

    @sunine 呵呵。。

    @yetone 你用的是什么系统?在 Mac OS 下,效果可能会友好一点
    click
        12
    click  
       2014-12-11 12:57:38 +08:00
    这个没什么难度
    fkccp
        13
    fkccp  
       2014-12-11 17:26:54 +08:00
    后台写烦了,写前端。。。。
    所以码农真的没有其他娱乐项目了吗。。。。。
    momou
        14
    momou  
       2014-12-11 17:41:12 +08:00
    字体颜色太黑了。。。
    yetone
        15
    yetone  
       2014-12-11 22:21:13 +08:00
    @BigDecimal archlinx chrome 与用什么操作系统没关系
    Arrowing
        16
    Arrowing  
       2014-12-12 09:13:32 +08:00
    滥用box-shadow啊,而且深度没把握好~
    BigDecimal
        17
    BigDecimal  
    OP
       2014-12-12 10:00:31 +08:00
    @fkccp 那么请高人推荐几个娱乐项目,让我这样的码农长长见识,开开眼界?

    @momou
    @Arrowing 感谢所提的意见,但毕竟不是专业搞前端的,还请谅解。。。
    fkccp
        18
    fkccp  
       2014-12-12 12:42:51 +08:00
    @BigDecimal 不是不是,我是前端搞烦了,搞后台,所以有此感慨……
    riccar
        19
    riccar  
       2014-12-12 21:31:29 +08:00
    不明觉厉,能否给我普及一下 css画是怎么弄的。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1293 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 17:59 · PVG 01:59 · LAX 10:59 · JFK 13:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.