V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
BigDecimal

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

  •  1
     
  •   BigDecimal · Dec 11, 2014 · 4467 views
    This topic created in 4157 days ago, the information mentioned may be changed or developed.
    最近利用业余时间学了些前端的东西,于是想尝试拿 CSS 画个页面,于是选了 v2ex 的首页来练手

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

    第一次尝试用 CSS 画出一个完整的页面,多少还是有些鸡冻:)
    Supplement 1  ·  Dec 11, 2014
    不出意外的话,看到的应该是下面这张图的效果:

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


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

    呵呵,V2 不只是社区,她比你想象的要强大
    ericls
        6
    ericls  
       Dec 11, 2014
    说到前端就头痛 求方法根治 我怎么都学不会。。。
    BigDecimal
        7
    BigDecimal  
    OP
       Dec 11, 2014   ❤️ 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  
       Dec 11, 2014
    @BigDecimal 话说我账号密码怎么就不对呢
    sunine
        9
    sunine  
       Dec 11, 2014
    我去!在v2ex待了四年了居然不知道还有这种地方!
    yetone
        10
    yetone  
       Dec 11, 2014
    这配色这阴影。。。
    BigDecimal
        11
    BigDecimal  
    OP
       Dec 11, 2014
    @smithtel 跟 v2ex 的登录密码一样

    @sunine 呵呵。。

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

    @momou
    @Arrowing 感谢所提的意见,但毕竟不是专业搞前端的,还请谅解。。。
    fkccp
        18
    fkccp  
       Dec 12, 2014
    @BigDecimal 不是不是,我是前端搞烦了,搞后台,所以有此感慨……
    riccar
        19
    riccar  
       Dec 12, 2014
    不明觉厉,能否给我普及一下 css画是怎么弄的。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5846 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 52ms · UTC 03:15 · PVG 11:15 · LAX 20:15 · JFK 23:15
    ♥ Do have faith in what you're doing.