V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
83f420984
V2EX  ›  程序员

用 Pure 做了一个响应式主页,请 V 友指点

  •  1
     
  •   83f420984 · 2014-07-15 16:17:46 +08:00 · 4552 次点击
    这是一个创建于 3768 天前的主题,其中的信息可能已经有所发展或是发生改变。
    主页做完后,想提高自己的代码质量,请V友帮看看,不足的地方请指出,谢谢;

    地址: http://xmit.name/demo/opic-2/
    26 条回复    2014-07-16 12:18:50 +08:00
    xLzgkddTywk9ALsX
        1
    xLzgkddTywk9ALsX  
       2014-07-15 16:34:59 +08:00
    lingyired
        2
    lingyired  
       2014-07-15 16:39:26 +08:00
    看起来是很赞的。
    如果可以增强一下交互效果就好了。
    zhangxiao
        3
    zhangxiao  
       2014-07-15 16:40:34 +08:00
    我把浏览器拖窄,以为那个Macbook会变成iPad以及iPhone...
    Daizong
        4
    Daizong  
       2014-07-15 16:42:30 +08:00
    +
    Elizen
        5
    Elizen  
       2014-07-15 16:46:57 +08:00
    @zhangxiao 经典啊...这才叫响应式啊。
    83f420984
        6
    83f420984  
    OP
       2014-07-15 16:54:30 +08:00
    @lingyired 目前对JQ这块只懂得怎么去调用,想要改改效果话就不会了,所以在努力看JS高级编程中。。。
    tamamadesu
        7
    tamamadesu  
       2014-07-15 16:56:48 +08:00
    body 都不 reset,,处女座看着好纠结,,,
    83f420984
        8
    83f420984  
    OP
       2014-07-15 16:59:08 +08:00
    @tamamadesu Pure这个框架的所有模块都是基于Normalize.css。Normalize能在一定程度上解决跨浏览器的一致性问题,所以不必在去Reset
    tamamadesu
        9
    tamamadesu  
       2014-07-15 17:00:12 +08:00
    @tamamadesu 好吧,网速慢,
    lingyired
        10
    lingyired  
       2014-07-15 17:00:25 +08:00   ❤️ 1
    @83f420984
    img.pure-img 的有些没图片。
    可以先做简单的,比如链接的 hover 以及给 hover 效果加点过渡动画就萌萌哒
    83f420984
        11
    83f420984  
    OP
       2014-07-15 17:03:31 +08:00
    @lingyired 嗯嗯,谢谢
    zjgood
        12
    zjgood  
       2014-07-15 17:13:59 +08:00 via Android
    非常不错,据说purecss很\(≧▽≦)/
    jamesxu
        13
    jamesxu  
       2014-07-15 17:33:34 +08:00
    字体
    83f420984
        14
    83f420984  
    OP
       2014-07-15 17:36:51 +08:00
    @jamesxu 谢谢指出
    13k
        15
    13k  
       2014-07-15 17:50:22 +08:00
    处女座受不了Company Profile & Team下面那组图,图高度必需跟底部色块保持一致啊
    83f420984
        16
    83f420984  
    OP
       2014-07-15 17:56:12 +08:00
    @13k haha..图片只临时放上去的,要修改的
    resettarget
        17
    resettarget  
       2014-07-15 20:20:17 +08:00
    楼主还在用宋体呢
    BOOM
        18
    BOOM  
       2014-07-15 20:21:58 +08:00 via iPad
    超级喜欢这种风格。有什么明确的要点么。
    lvwzhen
        19
    lvwzhen  
       2014-07-15 20:28:29 +08:00
    可以优化一下 font-family,Mac 上字体不太好看。
    lvwzhen
        20
    lvwzhen  
       2014-07-15 20:30:23 +08:00
    网站英文居多,可以尝试用 font-face 设置些好看的英文字体。
    83f420984
        21
    83f420984  
    OP
       2014-07-15 21:06:07 +08:00
    @resettarget 在OSX下开发的,默认使用的是苹果自带的字体,所以才会出现首选是宋体的情况
    83f420984
        22
    83f420984  
    OP
       2014-07-15 21:06:24 +08:00
    @lvwzhen 谢谢
    lvwzhen
        23
    lvwzhen  
       2014-07-15 22:14:20 +08:00   ❤️ 1
    推荐你看下 fonts.css ( https://github.com/zenozeng/fonts.css ) 这个项目,研究一下字体表现会很有帮助。
    jyhmijack
        24
    jyhmijack  
       2014-07-15 22:18:30 +08:00   ❤️ 1
    有bug,先在宽屏打开,然后把浏览器压窄了,点击按钮打开菜单,再点按钮关闭菜单,再把浏览器拖宽,菜单就没了。Mac上的Safari和chrome均稳定复现。
    83f420984
        25
    83f420984  
    OP
       2014-07-16 08:18:37 +08:00
    @jyhmijack 缩放浏览器时,确时会出现这个问题,谢谢老兄提醒 !
    jackhe
        26
    jackhe  
       2014-07-16 12:18:50 +08:00
    数字字体不好看。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5582 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 01:47 · PVG 09:47 · LAX 17:47 · JFK 20:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.