设计 - 第4页 @ 随网之舞

分类“设计”的存档

2008.0417

Firefox的默认样式表: 每个浏览器都有自己的默认样式，这是一段预定义的CSS，用以简单地呈现网页。在Firefox中的地址栏中输入resource://gre/res/html.css即可以看到该浏览器的默认样式。在Firebug 1.2 Alphas的styles中就可以看到默认样式对页面定义样式的影响。毫无疑问，理解和学习浏览器的默认样式能更好的理解浏览器对解析样式和呈现页面。Firefox3和Firefox2相比，默认样式仅有8处不同，但这些改变也可以让我们感觉到Firefox3在样式上的改进：阅读全文 »; 标签：CSS, Firefox, YUI; 在0:31发表于HTML & CSS，有评论1条

2008.0405

CSS的display有属性值inline-block{display:inline-block;}，下面是应用其来实现用图片替代文字的两个例子：

请看例一。

Markup：

<i class="arrow-1 replacement">箭头1</i>
<a href="http://dancewithnet.com" class="arrow-2 replacement">箭头2</a>
<p class="arrow-3 replacement">箭头3</p>

CSS：阅读全文 »

标签：-moz-inline-box, -moz-inline-stack, CSS, Firefox, Firefox2, inline-block

在9:17发表于HTML & CSS，有评论19条

2008.0326

扩展YUI Loader

YUI Loader是YUI的动态载入外部Javascript和CSS文件的整体解决方案。它的可靠、安全、高效，优化了页面的呈现速度，实现了外部Js和CSS的按需加载。

在YUI 2.4.0到2.5.1版本中，YUI Loader通过其addModule()方法只能配置一个YUI Loader实例的加载模块信息，无法配置全局的加载模块信息。实际中，能够全局的配置加载文件的模块信息对于统一维护非常的重要，特别是在静态文件服务器设置了上传文件不可以修改和删除情况下。下面是解决这个问题的两个方法：阅读全文 »

标签：yahoo, YAHOO_config, YUI, YUILoader

在23:45发表于Javascript & DOM & AJAX，有评论6条

2008.0308

Firefox2中输入框丢失光标bug: 在Firefox2中某些情况下输入框虽然可以输入，但在获取焦点时没有文本输入光标的显示，这个是非常恶心的bug，非常容易让表单使用者有一种不能输入的错觉，即使后来尝试知道可以输入，但也无法判断光标定位在哪儿。虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题：阅读全文 »; 标签：Bug, Firefox, Firefox2, iframe, overflow, 光标丢失; 在23:40发表于HTML & CSS，有评论7条

2008.0221

今天MacBook Air到手: 上周re还和我聊他准备买Macbook Air的事，当时不仅艳羡一番；前两天老雪给我看了装MacBook Air的包AirMail，当时想如果老雪要是送给我这个包的话，肯定有人忍不住会送我一个Air来配这个包；昨天老雪还在京东上把买Macbook Air的钱都付了，结果是网上标有现货，实际没有现货，空喜一场；没错今天是元宵节，想不到的是，我竟然收到了美国苹果超薄笔记本MacBook Air，你说是这是我的幸运日么？阅读全文 »; 标签：AirMail, APPLE, Macbook Air, 创意, 小三, 笔记本; 在23:55发表于Apple, 爱想想爱写写，有评论24条

2008.0201

如何让Firefox2和Firefox3在Windows下共存并同时运行？: 相对于Firefox2来说，Firefox3除了采用全新的Gecko 1.9引擎外，在性能、稳定性和安全性方面进行许多改进，在我们最关心的对站点和网页应用的改进也相当多的。去年底，Firefox3 beta2就已经发布了，正式版的推出也为期不远了，是时候在网页开发中考虑它了，所以我们不仅在要同一系统中装多个浏览器、多个版本的IE（Multiple IE），现在我们也需要装两个版本的Firefox了。在网上很早就有Linux下让Firefox3与Firefox2共存的介绍，下面介绍一种Windows下两者共存的方法。阅读全文 »; 标签：Firefox, Firefox2, Firefox3, 浏览器; 在0:36发表于web2.0 & so on，有评论34条

2008.0130

Javascript风格要素（2）

我们使用习惯用法可以使我们的意图更加的清晰和简洁。

使用`==`时，当心强制转换

考虑下面函数：

function gw(f) {
 if (d.w.sv.checked == true) {
  zv = 'on';
 } else {
  zv = 'off';
 }
 procframe.location.replace("http://b.www.yahoo.com/module/wtr_tr.php?p=" +
 escape(f.p.value) + "&sv=" + zv);
 return false;
}

阅读全文 »

标签：JavaScript, 优化

在19:28发表于Javascript & DOM & AJAX，有评论9条

2008.0126

Javascript风格要素（1）

程序设计是困难的，其核心是管理的复杂性。计算机程序是人类做出的最复杂的东西。质量是不可靠的且隐蔽的。

好的体系架构是必需给程序足够的结构使其健壮而不会陷入混乱的泥淖，但我们表达一个程序细节的方式是同等重要的。一个程序的本质会被不良的编码所隐藏。只有当一个程序的表达清晰时，我们才能有希望正确的推理出它的效率、安全和正确性。

William Strunk的《风格要素》(The Elements of Style)是关于文学风格的经典著作，它是一本关于英文写作的薄手册，在用法、组织和形式上提出忠告。风格的理念应用于编程，在1972年Kreitzberg和Shneiderman的《FORTRAN风格要素》（The Elements of FORTRAN Style）中是不成功的，但在1978年的Kernighan和Plauger的《编程风格要素》（The Elements of Programming Style）中是非常成功的：阅读全文 »

标签：JavaScript, 优化

在17:03发表于Javascript & DOM & AJAX，有评论31条

2007.1204

Javascript的一种模块模式

全局变量是魔鬼。在YUI中，我们仅用两个全局变量：YAHOO和YAHOO_config。YUI的一切都是使用YAHOO对象级的成员或这个成员作用域内的变量。我们建议在你的应用程序也使用类似的规则。

Douglas Crockford已经传授了一个有用的单例模式（singleton pattern）实现此规则，我认为他的模式有益于你基于YUI的那些应用。Douglas叫它模块模式（module pattern）。它是如下工作的：阅读全文 »

标签：JavaScript, yahoo, YUI, 命名空间

在0:49发表于Javascript & DOM & AJAX，有评论21条

2007.1119

分页案例和好的实践

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入，用户就越容易理解你观点和得到你想传达的信息。在网页上，这点被通过多个方式做到。

在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制，它在给定文章的单一部分为用户提供用于浏览的额外的导航选项。文章的这些地方除了“上一页（previous）”和“下一页（next）”按钮外，还涉及到数字、提示和箭头。