Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
BigDecimal

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

  •  1      
  •   BigDecimal · Dec 11, 2014 · 4847 views
    This topic created in 4351 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
    不出意外的话，看到的应该是下面这张图的效果：

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


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

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

    @sunine 呵呵。。

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

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