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

第一次做页面,希望大家给点建议

  •  
  •   lerry ·
    lerry · 2013-05-14 04:39:50 +08:00 · 4453 次点击
    这是一个创建于 4205 天前的主题,其中的信息可能已经有所发展或是发生改变。
    楼主是一枚Python程序员,最近对前端挺感兴趣的,这算是我做的第一个完整页面吧,结构比较简单,请指教~

    http://lerry.me/
    26 条回复    1970-01-01 08:00:00 +08:00
    P233
        1
    P233  
       2013-05-14 05:04:44 +08:00   ❤️ 1
    这个样式,跟我曾经写的第一个页面好像啊,哈哈
    chiefly
        2
    chiefly  
       2013-05-14 08:30:11 +08:00   ❤️ 1
    超简哈。做个响应式的,啥手机,pad,各种屏都能看。
    tension
        3
    tension  
       2013-05-14 09:02:27 +08:00   ❤️ 1
    挺不错了!
    momou
        4
    momou  
       2013-05-14 09:16:56 +08:00   ❤️ 2
    MS正黑好看。。。
    vivia
        5
    vivia  
       2013-05-14 09:17:56 +08:00   ❤️ 1
    不错~
    lerry
        6
    lerry  
    OP
       2013-05-14 09:57:17 +08:00
    @chiefly 恩啊,我去研究下
    atom
        7
    atom  
       2013-05-14 10:15:47 +08:00   ❤️ 1
    表扬一下撸主没有用table,而是选择了div实现列表

    帮撸主加一行
    .title:hover {
    background-color: #CCFF99;
    font-weight: 800;
    font-size: 1.25em;
    }
    lerry
        8
    lerry  
    OP
       2013-05-14 11:24:33 +08:00
    @atom 我刚开始学写网页就赶上web技术大发展的浪潮,知道不要滥用table,但是div滥用也是不好的
    infong
        9
    infong  
       2013-05-14 11:28:32 +08:00   ❤️ 1
    发现一个小 issue:在正文中的 <pre> 标签被截断了。
    http://lerry.me/post/2012/09/15/deploy-42qu-code 这篇文章,在 Firefox 会有此问题。
    mopig
        10
    mopig  
       2013-05-14 11:32:37 +08:00
    @atom 不是应该尽量用语义化标签么? 请教
    lerry
        11
    lerry  
    OP
       2013-05-14 11:35:33 +08:00
    @infong 截断?我看起来正常啊,标签都闭合了呀
    infong
        12
    infong  
       2013-05-14 11:55:34 +08:00
    @lerry 这个文章是丢在<pre>标签下的,而默认情况下 <pre> 是不换行的,虽然你有加 "word-wrap" 但似乎在 Firefox 下不启作用。:D
    见截图:

    如果我把 pre 的 overflow: hidden 禁用掉的话,就是这样了:
    lerry
        13
    lerry  
    OP
       2013-05-14 12:20:00 +08:00
    @infong 哦,明白你的意思了,已修正
    fim8
        14
    fim8  
       2013-05-14 12:38:35 +08:00
    首页列表最好包裹一个纯色背景好看些。
    atom
        15
    atom  
       2013-05-14 13:40:34 +08:00
    @mopig
    是应该用语义化标签。如果是我,这里会用dl或者ul,table则是最坏的选择。
    shinerene
        16
    shinerene  
       2013-05-14 14:08:29 +08:00
    我想问下lz flask下要实现分页是要自己写函数来实现的么?
    lerry
        17
    lerry  
    OP
       2013-05-14 14:17:25 +08:00
    @shinerene flask我没怎么用过,分页是和框架无关的 自己写函数就好了
    realfex
        18
    realfex  
       2013-05-14 14:31:40 +08:00   ❤️ 1
    小伙纸不错 哈哈
    ted05
        19
    ted05  
       2013-05-16 12:26:02 +08:00   ❤️ 1
    1、在firefox下显示不这么好。
    2、用除GR之外的阅读器订阅不能解析
    ted05
        20
    ted05  
       2013-05-16 12:27:50 +08:00
    rss订阅模块有问题吧
    konakona
        21
    konakona  
       2013-05-16 13:38:39 +08:00   ❤️ 1
    太空旷,搭配不是很妥,设计的感觉还不行,过分注重细节了
    lerry
        22
    lerry  
    OP
       2013-05-16 19:13:31 +08:00
    @ted05 好像是有问题,开发只测试Chrome,Feed只测试了GR,所以。。。
    lerry
        23
    lerry  
    OP
       2013-05-16 19:14:29 +08:00
    @konakona
    我也觉得我缺乏设计感,这个要怎么提高呢
    你说的细节是哪里
    zztczcx
        24
    zztczcx  
       2013-05-16 19:30:53 +08:00   ❤️ 1
    @realfex 我看好局长
    ted05
        25
    ted05  
       2013-05-16 23:34:47 +08:00
    @lerry 在GR里有些文章的链接也不对
    lerry
        26
    lerry  
    OP
       2013-05-17 23:00:13 +08:00
    @ted05
    rss修复了,我找了个现成的模板,一行一行的对着改,才弄好的,话说这个对格式要求太严格了吧,缩进不对都不行
    我用FF的实时书签测试的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1112 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 23:35 · PVG 07:35 · LAX 15:35 · JFK 18:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.