沐浴阳光的SK猫

享受黑夜,期盼黎明

[置顶] 不停奔跑,不断超越 [跑步记录]

[置顶] Firefox插件整理[更新为Firefox3]

3G豆豆页面设计




3G豆豆是公司一个项目,最近搞了一个内部员工的设计比赛,老猫也搭船参加了,结果是一等奖空缺、二等奖三人,老猫不幸得了二等奖

More...

网站重构,又见《网站重构》


网站重构》应该是div+css方面流入国内的首批书吧,虽然之前已有《CSS权威指南》《HTML与XHTML权威指南》等O'Reilly的坚果系列,但关注似乎并不多,而《网站重构》且好在Web2.0的热潮来临之际,书的作者和译者是业界出名人物,加上各大专业设计网站极力推荐,使书成了XHTML方面必读刊物。

我是在04年看完这书的,没有太大收获,谈不上技术刊物,也谈不上理论刊物,只是很罗嗦的介绍一些基础。发现很多书看起来都觉得罗嗦,就像之前的《交互设计之路》,也一样觉得罗嗦,语言太不简洁了,我以前公司有个技术主管,开会总喜欢用深奥的术语来解释简单问题,当时那些应届生都觉得主管很牛,我倒觉得那说明主管认识比较肤浅,嘿扯远了。

前几天在清理邮件,发现第二书店的书友会发来封评论邮件,是位叫Aryang的同志发的,标题为《很好的web设计消遣读物》,引用如下。

这本书我要说的是:太会包装了,从名字到设计。原书的标题是:Designing with Web Standards,内容就是于web设计相关的一些启蒙或故事,我个人感觉就是本“科普”类的书。但出版商很厉害,知道“重构”这个词最近很热,很吸引人,把这个当成了主标题,原书名成了副标题。我把这本书看了2/3,可以很负责的说,这个书和我们之前见到的“重构”没有任何关系。

另外这本书包装印刷精美,封面封底前言n多溢美之词,装帧设计也很有国外影音版的风格。但我只能说,金玉其表...

如果你想找本关于web设计的消遣读物,本书很适合你。

跟我意见有些相似,看完之后确实有点无所收获的感觉,很多疑问并没得到解决,但是又实在不想看第二遍了。


最近突然又想翻翻XHTML了,在豆瓣找到《无懈可击的Web设计》,看评论似乎不错,作者Dan Cederholm是一位屡获殊荣的Web设计师,而译者常可则是有丰富经验的程序员,看好了,是程序员哦,我甚是欢喜,因为每次做页面封装,美工丢过来的静态页面,基本充斥着无效、混乱的标签,连CSS也是一再而再的重复,我就经常把CSS从4百多行精简到40多行。熟练的程序员会从美工角度设计Web框架,更会从程序员角度考虑各种循环套用的标签,目前当当售价为34.9元,有机会要买来看看。


前几天在verycd下了2本div+css方面的书,方别是《精通CSS》和《别具光芒DIV+CSS》,是扫描件的,已经传到相册,有兴趣可以上去在线阅读


HTML代码优化




刚刚翻硬盘发现的,这是7月初写给美工组的文档,主要针对网页制作、切图人员
其中6.5节可能因为文件覆盖而不全


HTML代码优化
作者:梦游的猫
最后修改时间 2006年7月7日 16:40:37



目录
一. 为什么要优化?
二. 优化原则
三. 优化技巧
四. SEO
五. 关于网页标准

  1. 何谓标准?

  2. 使用标准价值在哪?

  3. 团队合作流程

  4. 如何实现

六. 实例分析

  1. 删除空标签

  2. 合并标签

  3. 合理安排表格布局

  4. 表格列表优化

  5. 利用<div>简化代码

七. 修订记录

八. 附录

A. 参考文档
B. 相关资源

More...

CSS迷宫,CSS也可以玩的这么炫!



CSS也可以玩花样,真佩服作者,可以把样式表玩成这样,那是多么高的境界啊!

玩法很简单,从顶部的橙色入口进入“金字塔”,控制鼠标移动,注意不要移出方格,否则就得重新开始,找到每一层之间的“通道”,直到最后到达底部的橙色出口。作者提示: 注意八块砖的那层。

原地址:a frustrating puzzle | 出处:the CSS playground























谁说Web标准下的网页无设计可言


blog.21ido.com

CSS Reboot

B. Adam HowellMatthew Pennell搜集的采用Web标准制作的精彩网页,的确很出色

国内跟国外确实有一定差距的

可访问性测试


这是阅读《网站重构》的一点笔记,这是我这两年来唯一一本从头到位仔细看完的书,算不上绝佳好书(废话很多),但能让你对网页标准多点认识,建议阅读时同时阅读其它XHTML、CSS相关书籍(以前有提供下载)

可访问性测试
  • W3C验证 XHTML | CSS

  • 调整浏览器字体大小

  • 关闭JavaScript/CSS支持

  • 在不同平台、不同浏览器浏览

  • 不要使用Frame/Applets

  • Bobby检验器 http://bobby.watchfire.com


  • 前不久刚买了两本Word和Flash的书,不巧上周笔记本坏了,正好留点时间看看书,准备花一两星期先把Word书啃完
    Blue Blog Blue Blog

    XHTML需要注意的几点小问题


    晚上尝试修改Blog使得通过W3C验证,出现了许多错误,这里总结一下,希望对其他有用
    1。刚开始检测连This page is not Valid XHTML 1.0 Transitional!的字样都没出现,但提示了哪行错误,说是字节过多,大概这意思吧我英文烂看不懂,以为是一行太多代码,试着加入回车chr(13),果真行了,这是好的开始

    2。XHTML标签和属性全部要小写,虽然我写代码时候都注意了,但还是出现这问题,比如<BODY><HEAD><BR />,都是以前代码没改造成的,有些是在UBB函数里面,更离谱的是居然有两处把<body>写成<bady>,晕死^_^

    3。标签注意要关闭,常见的比如<br /><input />等,还有<img src="" alt="" />,别把alt属性忘记了

    4。许多图像特别是UBB代码都使用了居中align='absmiddle',在XHTML里面是没有absmiddle值的,只有top/bottom/right/left/center

    5。<script>的位置,我的JavaScript基本都写在一个单独文件,再用include导入,所以文件头都放了conn,function,head之类文件,也没去注意位置,然后一检验又出错了,<script></script>要放在<head></head>之间
    ……

    More...

    让DIV不换行


    一,单个DIV:
    1.用nobr元素
    Code: 

    <html>
    <head>
    </head>
    <body>
    <div><nobr>不换行不换行<nobr></div>
    </body>
    </html>


    2.用nowrap元素
    Code: 

    <html>
    <head>
    </head>
    <body>
    <div nowrap>div不换行div不换行div不换行</div>
    </body>
    </html>
     

    二,两个DIV
    1. 用CSS里的float属性
    Code: 

    <html>
    <head>
    <style type="text/css">
    div#row1 { float: left; color: blue; }
    div#row2 { color: red }
    </style>
    </head>
    <body>
    <div id="row1">第一个div</div>
    <div id="row2">第二个div不换行</div>
    </body>
    </html>
     

    2. 用CSS里的diplay属性
    Code: 

    <html>
    <head>
    <title>CSS中的不换行</title>
    <style type="text/css">
    div#row1 { color: blue;display: inline }
    div#row2 { color: red;display: inline }
    </style>
    </head>
    <body>
    <div id="row1">第一个div</div>
    <div id="row2">第二个div不要换行</div>
    </body>
    </html>
    分页:«12»

    日历

    << 2010-9 >>

    Sun

    Mon

    Tue

    Wed

    Thu

    Fri

    Sat

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    最近发表

    Search

    站点统计

    • 本博客建于03年9月26日,在这2538天里,共发表文章292篇,平均每8.69天发表1篇
    • 文章被浏览了191429次,平均每天被浏览75.4次,平均每篇文章被浏览655.6次
    • 评论总数275,平均每9.23天新增1条评论,平均每篇文章被评论.94次

    图标汇集

    • 收藏到del.icio.us 订阅到抓虾 订阅到 Bloglines 订阅到和讯 订阅本站的 ATOM 1.0 新闻聚合 订阅本站的 RSS 2.0 新闻聚合 Google Sitemap Baidu Sitemap 本站文章遵从创造共有协议 推荐使用1024以上分辨率浏览本站 本站采用UTF-8编码 本站基于Z-Blog系统

    BBS | About | GuestBook | SiteMap | RSS | Login
    Copyright 2005-2008 21ido.com. All Rights Reserved.
    Powered by Z-Blog 1.8 Arwen Build 81206 | Skin by coolmud
    粤ICP备05022506号