Translation

线上 JSON 编辑工具

Feb 18th, 2011 16 Comments

这是一个译文, 文中谈及的 JSON 编辑工具和原文已经是 2007 年的产物. 浏览器兼容也是很老的版本, 但工具在新型浏览器中使用正常. 今日看到一个网友的博客提到这个 JSON 编辑器, 试用了一下感觉不错, 起码可以满足我的需求, 所以顺便翻译一下分享出来. 译文如下:

ActionScript 3 调度个性化事件

Dec 15th, 2010 9 Comments

第三章涵盖了基本事件的使用, 但是有一个话题没有被覆盖到 (出现在后面的章节中), 那就是使用 dispatchEvent() 方法发送一个特殊的, 设置自定义的事件. 这个方法被包含在 EventDispatcher 类之中.

960px 网格系统 (960.gs), 也称 960 栅格布局, 数年来作为网页设计人员的最爱, 被用来搭建网站和设计网页布局. 当显示屏和分辨率变得更大, 我发现 960 网格系统已经不能完全满足我的需求. 20px 的槽让内容区域实际只有 940px, 对现代的 Web 设计来说太窄小了. 在设计 Themify 主题的时候, 我发现一种新的网格布局, 相当适合用来设计当今的 Web 布局.

CSS3 下拉菜单

Mar 6th, 2010 32 Comments

制作 Notepad 主题的时候, 我 (作者) 学了一些新的 CSS3 特性, 我想跟大家分享一下. 请看这个 Demo, 这是一个 Mac 风格的多级下拉菜单. 我创建这个效果使用了 border-radius, box-shadow, 和 text-shadow 属性. 它在 Firefix, Safari 和 Chrome 上的渲染效果都很赞. 下拉菜单也可以在一些不兼容 CSS3 的浏览器中使用, 比如: IE7+, 不过圆角和阴影效果不会被渲染.

查看 CSS3 下拉菜单演示页面

CSS3 基础知识

Mar 5th, 2010 32 Comments

上周我 (作者) 发了一个关于 CSS3 下拉菜单的文章, 有些同学抱怨我没有对 CSS 代码进行详细的说明. 那好, 本文将普及一些新属性的基本知识: text-shadow, box-shadow, and border-radius. 这些 CSS3 属性经常被用来增强页面布局, 并且很容易理解.

RGBA

前三个数值是 RGB 颜色的值, 最后一个数值指代的是元素的透明度 (0 表示透明, 1 表示不透明)

Lazy Load, 延迟加载图片的 jQuery 插件

Jan 31st, 2010 70 Comments

本文翻译自 Lazy Load Plugin for jQuery, 介绍一个 jQuery 插件, 它提供懒汉式加载页面图片的功能.

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.

使用 HTML 字符实体

Jan 7th, 2010 31 Comments

有这么一些字符 (如: 小于号和大于号) 是 HTML 中的保留标记. 为了以文本方式显示这些字符, 你必须在源代码中输入 HTML 字符实体. 例如: 可以通过输入 < (实体名) 或者 < (实体编号) 来显示小于号 (<). 在字符实体的列表里, 有非常多符号可以用在页面布局的设计中. 例如: → ♥ ♫ ✓ ✗ • ☞ ✁ ★ “ ⊕. 你以前是否已经见过雪人 ☃ 符号? 如果没有, 请继续阅读, 本文将给你更多惊喜.

字符实体相对于图片存在的优势

1. 加载速度快, 因为字符都是基于文本的.
2. 可以更具字体尺寸进行缩放.
3. 可以方便地改变颜色和改变造型.

CSS 菜单列表设计

May 15th, 2009 42 Comments

这是一个速成的 CSS 教程, 将向您展示如何使用 CSS 线条属性或者背景图片创建一个菜单列表. 这个技巧会在 <li> 元素上定义 border-bottom 属性, 并使用绝对位置的将嵌套在里面的元素覆盖在线上. 这是非常灵活的, 你可以通过修改边线和背景图片轻易地更改设计. 如果浏览器的字体是可缩放的, 那么它会相当的好用.

演示页面: Demo: CSS Menu Design

原文链接: CSS: Menu List Design