2Guy's Blog

Google Chrome Developer Tools 中文教程(1)

Author:
by： sliuqin
Date:
6. December 2009 20:41
Tagged in:
Comments:
0
[原文]Google Chrome Developer Tools Tutorial [译文]Google Chrome Developer Tools 中文教程(1) Google Chrome开发者工具包帮助你诊断和修复页面及应用中加载,执行与布局的问题。该工具还可以帮助确保页面或应用使用尽可能小的cpu和内存。 通过本套教程你将熟悉Google Chrome 开发者工具包。该教程被分为一下几个部分： 开始前 如何进入开发者工具包 开发者工具包窗口 如何使用Element面板 如何使用Resources面板(待续) 如何使...
[More]

有道中秋创意首页

Author:
by： sliuqin
Date:
4. October 2009 14:22
Tagged in:
Comments:
0
中秋节各大网站都推出来Logo和皮肤设计,做一个有道首页的demo
[More]

使用 fieldset 和 legend 元素给HTML表单控件分组

Author:
by： sliuqin
Date:
3. September 2009 07:34
Tagged in:
Comments:
0
[原文]：Use the fieldset and legend elements to group HTML form controls 总是被成对使用的fieldset 和 legend 元素,允许你创建并命名归类HTML表单中关联的input字段。这样可以帮助用户理解这些input字段是如何关联在一起的。 分组信息怎样传递给用户，主要取决于用户能否看的到。大多数图形浏览器给fieldset元素画一个边框并将legend元素渲染到这个边框的顶部，然而屏幕阅读器可能会在每一个fieldset前（或是每一个在fieldset中的表单控件前）就读出legend中的文本。 因为一些屏幕阅...
[More]

文档碎片

Author:
by： sliuqin
Date:
31. August 2009 20:58
Tagged in:
Comments:
0
在《JavaScript陋习》一文中，提到“不要在循环中创建DOM元素”，但文中并没有详细的说明，在翻译这篇文章的时候，也没有详细的测试，本篇当做一个补充。 当使用 dom.appendChild 时，页面会立即更新并反映出变化。这对于少量的更新是很好的，但是当向dom中添加大量的数据时，如果逐个添加这些变动，那么这个过程将十分缓慢。这个时候就可以使用文档碎片来解决问题：把所有新节点附加到文档碎片中，然后再讲文档碎片的内容一次性添加到document中。 JS var fragment = document.createDocumentFragmen...
[More]

选择性调用样式表

Author:
by： linkto
Date:
19. March 2009 18:04
Tagged in:
Comments:
0
从《精通CSS》开始，我就知道良好的页面是结构、样式和行为分离的，只有这样我们才能最自由的管理页面，所以最佳的方式就是把样式写在专门的CSS文件中，再用链接方式应用到相应的页面中。但是为什么还是有很多大型网站，如淘宝、yahoo 会把部分样式直接写在页面上，难道他们会不知道分离的好处？今天看了Best Practices for Speeding Up Your Web Site 似乎有一点明白了。 1.外部链接样式<link href="base.css" rel="stylesheet" type="text/css" /> 调用外部样式表和加载图片一样增加http请求数，对...
[More]

lang属性

Author:
by： linkto
Date:
12. March 2009 12:30
Tagged in:
Comments:
0
lang属性用来表明网页中内容的语言类型，可以用在html,span,a或其他任何元素上，表明某一元素的语言类型不同于页面中的其他内容。 从图中可以看出各浏览器并不能完全的支持lang属性，但是这个属性体现的好处是超越浏览器本身的： 使用辅助设备的用户，如屏幕阅读器可以根据语言的类型调整朗读的音调。"penchant"是法语，当用户表明语种的这类代码是：<span lang="fr">penchant</span>，屏幕阅读器就会自动调整发音为法语的"pon-shont"，而不是"pen-chunt"; lang帮助搜索引擎提供恰当的内容给部分限定语种进行搜索的...
[More]

实现文本替换的4种方法

Author:
by： linkto
Date:
27. February 2009 09:46
Tagged in:
Comments:
1
系统默认的字体实在太少了，大部分情况还是可以将就着使用的，可是特别情况下，我们还是希望能用更漂亮的方式显示内容。下面我介绍4种替换文本的方法，如果有用，大家可以选择的应用到项目中。对字体有兴趣的朋友可以读下这篇谈谈网页设计中的字体应用 (4) 实战应用篇·下 1.背景图片替换 这是我们这个例子中的html代码：<h1>Image Replacement</h1> <p>There are almost as many techniques for image replacement as there are web developers. The co...
[More]

我们必须知道的img标签

Author:
by： linkto
Date:
26. February 2009 14:37
Tagged in:
Comments:
1
在制作页面时，我们无可避免要使用到img标签，可是我们是否真正了解了这个看似熟悉的朋友呢？会用只是开始，要用的好才重要。如果你像我一样再次开始学习html，那么就让我们从img开始吧。 下面是我看了W3C对img标签的解释 和精通html总结的，如果有欠考虑的地方，欢迎大家批评。 img标签用来在页面中包含一幅图片，它是自结束元素，通常写为：<img src="image.jpg"  /> 此标签包含几个属性，src属性是必须的，用来指定所要显示的图片，通常是个URL或图片名称。 img标签可以指定图像的高和宽，单位是像素，在html中的形式是：width="100"/h...
[More]

设计过程中需要的注意事项（持续添加中）

Author:
by： linkto
Date:
25. February 2009 21:03
Tagged in:
Comments:
0
不要向用户提供无意义的信息，如：系统出现某错误、表单提交失败。要想用户解释这个问题，并为用户指明出错的位置，如果有解决方法也需要告诉用户； 不要让用户自己选择输入方式。如：需要用户提供出生日期时，用××年××月××日比一个文本框更适合； 保持信息简短。只把必须的内容放到页面上，并用最简洁语言描述； 及时反馈。用户的任何行为都应该及时作出相应的反馈； 提供404错误页面。为用户提供离开此错误页面的相应链接； 不要让用户做同样的事情，如：如果用户不得不离开未完成的表单，要确保用户再次进入该页面时，保留除密码之外所有之前已填好的信息； 关注内容的意义，只有在确保内容完整的情况下才能考虑样...
[More]

表单 Form（二）

Author:
by： linkto
Date:
25. February 2009 17:41
Tagged in:
Comments:
0
（内容节选至Art_Science_Of_CSS_Giveaway，我这里只是按自己的理解来整理，有兴趣的同学可以去看这本书） 样式化legend和fieldset 所有浏览器中legend都有默认的padding，而不同浏览器的默认值也不同。为了让legend与label垂直对齐，我们把padding值设为0； legend        {            margin-left:1em; &nb...
[More]

Powered by BlogEngine.NET 1.4.5.0
Theme by Linkto