Web标准

走在web标准的路上……

摘要:

2010年最新的免费HTML模板，静下心来，研究其中几套，也行你的前端代码水平就会得到极大的提升哦。阅读全文

posted @ 2011-02-24 11:17 阿一(杨正祎) 阅读(6710) | 评论 (10) 编辑

W3C公布了HTML5的logo

摘要:

W3C组织公布了HTML5的logo。不过，话说，不知道，为什么，我看起来怎么那么像安全软件的logo呢？难道是我眼前出现了幻觉？阅读全文

posted @ 2011-01-19 16:26 阿一(杨正祎) 阅读(1926) | 评论 (4) 编辑

用div盖住flash的另类实用办法

摘要: 本例子中，是用超链接的A标签来盖住flash，但是没有关系，任何标签都可以。重点是：不要用a标签包住flash，而是通过绝对定位的方式，将它定位flash之上（必要的时候，可以使用z-index属性）。因为要使用定位，所以将a标签和flash至于一个div中是有必要的。参考代码如下（重要的代码已经用红色标注）阅读全文

posted @ 2010-11-10 17:18 阿一(杨正祎) 阅读(3124) | 评论 (7) 编辑

摘要:

IETester更新至v0.3.5版本，已经可以在windows7运行。虽然，还不能完美的支持，但是对于前端开发人员，绝对是个值得高兴的事情。本文不仅提供了IETester最新版的下载，而且还提供了IETester开发人员插件Debugbar插件的下载。因为debugbar的下载，需要翻墙才可以，所以，这里的下载，显得尤为珍贵。阅读全文

posted @ 2009-09-03 15:47 阿一(杨正祎) 阅读(18657) | 评论 (61) 编辑

Google的YSlow——Page Speed（附插件下载）

摘要:

Yahoo的YSlow大家应该都比较熟悉了，那是找出我们网页为什么缓慢的利器。其实Google也有类似的FireFox插件，名字叫做“Page Speed”，虽然名字比YSlow逊色很多，但是功能却完全不在YSlow之下。不同于YSlow的14条衡量标准，“Page Speed”的网页速度衡量标准又是什么呢？本文将为您揭晓“Page Speed”的神秘面纱。阅读全文

posted @ 2009-08-10 15:20 阿一(杨正祎) 阅读(10984) | 评论 (19) 编辑

今天收到了《博客园精华集-web标准之道》

摘要:

前两天刚看到老赵的博客，说收到了《博客园精华集-web标准之道》一书，当时回帖说，我咋没有收到呢。没有想到，今天就收到了，呵呵。拿到书以后，第一感觉就是：恩，不错，比想象中的要好。无论是排版还是最终内容的筛选，都比想象中的好。阅读全文

posted @ 2009-08-03 22:50 阿一(杨正祎) 阅读(4639) | 评论 (20) 编辑

漫画：混乱的标记语言XHTML2/HTML5（附中文版翻译）

摘要:

W3C组织停止了XTHML2的工作。一石激起千层浪，很多误解和谣言四起，江湖一片血雨腥风，搞得网页设计师人人自危，好像世界末日即将到来。其实，这只是个误解，看完下面的这幅漫画，大家就了解了。完全可以放心，然后回家洗洗睡了。阅读全文

posted @ 2009-07-30 13:35 阿一(杨正祎) 阅读(6898) | 评论 (34) 编辑

微软 Expression web3 抢先试用报告（附下载地址）

摘要:

微软本周放出了最新的Expression Studio 3。作为一个前端程序员，最感兴趣的自然是其中的Expression Web3了。继上次放出《微软 Expression web2 抢先试用报告（附下载地址和安装激活注册码）》后，今天就为大家带最新的Microsoft Expression Web 3试用报告哦。阅读全文

posted @ 2009-07-24 14:39 阿一(杨正祎) 阅读(14293) | 评论 (32) 编辑

如何在网页显示英语音标（附实例）

摘要:

做教育业的网站，会将此遇到这个问题：如何在网页上显示音标？音标为什么显示为乱字符？等等类似的问题。前两天做沪江网某英语页面的时候也碰到了这个问题，所以，解决后在此稍微分享一下吧。阅读全文

posted @ 2009-07-15 16:01 阿一(杨正祎) 阅读(6355) | 评论 (23) 编辑

IE8"开发人员工具"使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)

摘要:

在上一篇文章《IE8“开发人员工具”使用详解上(各级菜单详解) 》中，我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法，相信很多朋友应该已经使用上了。而IE8开发人员工具更强劲的功能例如：如何测试版本兼容性、如何利用开发人员工具调试JavaScript脚本，以及如何利用探查器检测页面脚本函数效率等，我们将在本篇文章中讲解。小弟拙笨，此处仅为抛砖。阅读全文

posted @ 2009-04-03 00:47 阿一(杨正祎) 阅读(19598) | 评论 (24) 编辑

IE8“开发人员工具”使用详解上(各级菜单详解)

摘要:

IE8正式版已经发布了。本篇文章不会非常扯蛋地去进行什么评测，然后给出什么“Chrome运行JavaScript能力是IE8的15倍”、什么“IE8页面渲染速度是Safari的2.456倍”、什么“IE8的抗强暴能力比FireFox高出1.235倍” 这样的操蛋的结论。我管谁比谁强多少？我只知道：当windows7发布的时候，IE8浏览器的市场占有率将让前台开发人员无法说：“不用去管IE8，没有几个人在用它”。所以，这篇文章将会非常务实的讲解一下，IE8中也许是唯一让开发人员感到亲切的“开发人员工具”。同时，我们会延伸一些相关的资料和知识。所以，请抛弃你对IE8的偏见，耐心的看下去吧。阅读全文

posted @ 2009-03-24 22:35 阿一(杨正祎) 阅读(25086) | 评论 (69) 编辑

IE的有条件注释详解（附实例代码）

摘要: IE的有条件注释是一种专有的（因此是非标准的）、对常规（X）HTML注释的Miscrosoft扩展。顾名思义，有条件注释使你能够根据条件（比如浏览器版本）显示代码块。尽管是非标准的，但是有条件注释对于其他所有浏览器作为常规注释出现，因此本质上是无害的。有条件注释在Windows上的IE5中首次出现，并且得到了Widnows浏览器所有后续版本的支持。阅读全文

posted @ 2009-03-02 16:38 阿一(杨正祎) 阅读(10996) | 评论 (5) 编辑

D2（前端技术论坛）上海站参后感（附照片）

摘要:

D2是淘宝网内部讨论发展而成的国内前端设计、开发者论坛。现在已经是第三届了。从现场的参加者来看，算的上是有声有色了。不容易呀！特别是它的建立思想和出发点。也算是给前台设计、开发者办了大好事呀。说实话，这次D2会议很多演讲并不算成功。很多话题让人感到索然无味，倒是右面的大屏幕成了大家聊天逗趣的场所。当然，也有可能是时间有限的原因，很多话题没有展开吧。阅读全文

posted @ 2008-12-02 11:24 阿一(杨正祎) 阅读(5564) | 评论 (22) 编辑

IE8将不再支持CSS中的expression。

摘要:

CSS expression

今天从IE的官方blog中看到了这篇文章——《Ending Expressions》。文章指出在IE8的标准模式下，将不再对CSS expression进行支持。也许有人会纷纷表示影响不大，因为有些人甚至都不知道什么是CSS的expression，也从来没有用过。但是，我感觉这个微软给予我们的信息，却是应该让人纷纷表示影响很大的。而这个信息就是——新一代的浏览器并不给保证优雅的向前兼容，必要的时候，会舍弃一些他们认为可以舍弃的内容。所以从今天开始，写网页的时候，请尽量的使用标准来写吧，一些hack和技巧还是减少使用吧。
IE8停止对CSS 阅读全文

posted @ 2008-10-17 10:42 阿一(杨正祎) 阅读(7032) | 评论 (14) 编辑

如何在页面中使用透明图片和透明背景图片(附demo下载)

摘要:

透明背景图片

虽然有种很对不起大家的感觉，但是依然在博客的导航栏顶端放置了一个广告位。为了不使那些讨厌的广告破坏了整体的博客风格，我使用了一个巧妙的广告位外壳——一个小女孩在一块画布上画画的样子。这样无论广告位中的广告多么令人恶心和讨厌，也都在浏览者可承受的范围之内。因为一块画布上，那个小女孩应该想画什么都可以吧。
为了达到效果，我需要一个背景透明的小女孩站浮在广告之上，这样看上去广告外壳便能更好的与广告融合在一起。于是这里牵扯到了一个问题：如何在网页上使用透明图片？阅读全文

posted @ 2008-09-22 01:23 阿一(杨正祎) 阅读(34777) | 评论 (29) 编辑

实例讲解css中的行为：expression和behavior(附DEMO下载)

摘要:

CSS中的行为

网页三要素——结构、表现、行为。这个大家都很清楚。为了能写出高内聚、低耦合、可以重复使用，符合web标准的网页，将这三层分离开来是必不可少的。但是分开并不表示“一刀两断”，作为一个网页的三个组成部分，他们之间还必须保持着联系。例如，结构和表现，s选择符联系着，而结构和行为用事件联系着。那表现和行为用什么联系着呢？其实联系他们之间的纽带就是我们今天要讲的css中的行为。阅读全文

posted @ 2008-07-21 18:01 阿一(杨正祎) 阅读(8012) | 评论 (38) 编辑

FireFox2和FireFox3共存解决方案（附完整图解）

摘要:

FF2和FF3共存

FireFox的市场占有率现在已经仅次于IE系列，所以一个网站如果不支持FireFox，将意味着丢掉10%-30%的用户访问量。更重要的是，一个不支持FireFox浏览器的网站，会被人感到“不友好、不专业、太霸道”的网站。正是因为FireFox的市场表现，让网站设计者完全不能无视FireFox的兼容性。在FireFox2向FireFox3过渡的浏览器升级期间，网页设计者需要同时对FireFox2和FireFox3的网页兼容性测试，以保证网页在FireFox3发布后能够保证较好的兼容性。阅读全文

posted @ 2008-06-02 14:08 阿一(杨正祎) 阅读(6780) | 评论 (59) 编辑

IE and Windows XP Service Pack 3

摘要:

IE和XP SP3

hi.
我是IE8的部署项目经理Jane Maliouta，读者可能记得我最近的一篇blog关于安装IE8。今天在这说一下有关于XP SP3以及不同版本的IE与SP3的工作机制。
SP3包含了一些补丁以及Bug修复和安全更新，用户可以通过学习SP3相关的白皮书学习这些特性。我们希望SP3能够尽快公开发行，当然也希望用户可以在正式发行之前先通过这些学习资料了解相关的内容。阅读全文

posted @ 2008-05-06 10:36 阿一(杨正祎) 阅读(1891) | 评论 (5) 编辑

仿Google阅读器网页布局示例

摘要:

仿Google阅读器布局

最近因为工作需要需要做个类似抓虾、Google Reader这样的网页订阅页面。这种页面的难点主要是——

左侧频道列表的高度要根据各种浏览器可视高度动态改变（改变窗口大小时需要动态改变）
侧边栏宽度固定，而阅读区域的宽度需要动态改变
滚动条的处理
IE和FF的兼容性
其他一些细节……

阅读全文

posted @ 2008-05-05 17:12 阿一(杨正祎) 阅读(5302) | 评论 (17) 编辑

IE多版本共存的解决方案——IETester（推荐）

摘要:

多IE版本共存解决方案

虽然以前我写过IE6、IE7、IE8共存的解决方案，但是看到IETester这个软件以后，那些都已经没有意义了（那些办法副作用比较大，而且实现起来有些难度）。使用IETester能够较好的解决，测试网页兼容性的多IE版本的需求。暂时已经支持IE5.5——IE8beta1，我想这已经足够了。还在苦苦找寻IE6和IE7共存或者IE7和IE8共存的朋友，可以试试这个软件。当然这个软件也不是万能的，在最后，官方非常厚道的给出了暂时存在的重要bug列表。阅读全文

posted @ 2008-05-04 17:00 阿一(杨正祎) 阅读(42251) | 评论 (66) 编辑

editplus发布3.01 Build 446 Final版(附下载及中文版)

摘要:

editplus3.01版本

没有什么好说的，我个人最喜欢的编辑器。除了windows和IE，可以说是我最经常使用的软件啦。
what's new in Version 3.01
This is a bug patch release which accumulates previous bug patch files.
* The default encoding of open file follows system language instead of keyboard language.
* User tool setting could not handle more than 500 ……阅读全文

posted @ 2008-04-14 18:55 阿一(杨正祎) 阅读(2865) | 评论 (7) 编辑

一起庆祝【CSS裸奔节】啦～

摘要:

阅读全文

posted @ 2008-04-09 18:29 阿一(杨正祎) 阅读(1707) | 评论 (8) 编辑

IE8 Beta 1 简体中文版尝鲜截图（多图）

摘要:

IE8简体中文版

今天刚在IE官方博客上看到的。连忙下了下来，看看在个在英文版IE8beta1后那么久，才放出来的简体中文版到底有没有什么改进（前一段时间微软已经发布了IE8beta1的问题反馈讨论组）。因为刚安装上，所以具体有什么改进还真的没有怎么摸清。但是，我个人感觉IE developer toolbar（中文名称：开发人员共计）好像比英文版的稳定一些，至少我这边还没有出现窗口弹不出来的问题。呵呵……

阅读全文

posted @ 2008-04-08 10:56 阿一(杨正祎) 阅读(5429) | 评论 (30) 编辑

最实用的12条css技巧

摘要:

最实用的css技巧

Rounded corners without images
Style your order list
Tableless forms
Gradient text effect
……

阅读全文

posted @ 2008-03-28 16:13 阿一(杨正祎) 阅读(3846) | 评论 (16) 编辑

火星人的耳机（Martian Headsets）

摘要:

火星人的耳机

你们就要看到由web开发者挑起的网上“口水仗之母”了。它会让斯大林格勒战役看起来就好像是你的嫂子在下午茶时分冒着暴雨出门去你祖母家并把野马拴在树上一样。
这场即将到来的战役将由微软老兵Dean Hachamovitch挂帅。他正带队开发Internet Explorer的下一版，8.0。IE 8团队现在正在做一个决定，这个决定完美地，恰好地，精确地处在两种世界观的中间断层线上。这是保守者和变革者的分歧，这是“理想主义者”和“现实主义者”的分歧，这是一场巨大的划分家庭成员、工程师和计算机科学家以及凌志车和橄榄树的全球圣战。
阅读全文

posted @ 2008-03-27 15:56 阿一(杨正祎) 阅读(1808) | 评论 (15) 编辑

实例讲解IE8新特性之webSlices

摘要:

IE8新特性

IE8虽然还只是beta1阶段，但是一些爱好新奇的朋友就已经开始琢磨起来了。而且IE8的确也是个令人充满惊喜的新玩意哦——Activities、WebSlicess、更多的CSS2的支持……

实例讲解IE8新特性系列文章，将通过一个个简单实际的小例子，给IE8的一些新特性抛抛砖，希望能引起你思维的火花……为此系列，还非常狗腿的做了首打油诗 :-)

阅读全文

posted @ 2008-03-17 18:30 阿一(杨正祎) 阅读(3506) | 评论 (28) 编辑

IE6、IE7、IE8共存方法

摘要:

IE6、IE7、IE8共存

乱世，绝对的乱世！痛苦，无限的痛苦！无奈，无望的无奈！现在的网页设计者无疑是web标准大时代到来之前的牺牲者。面对着众多浏览器，为了小小的页面能在各个浏览器上面展现正常，我们痛苦的忍耐和挣扎着。

当我们还在IE6和IE7兼容性，焦头烂额的时候，IE8又来插了一脚。这一脚，是真正的踹到了网页设计者的心窝子里，痛并快乐着……快乐，是让现在处于水深火热的网页设计者们看到了“web标准大时代”的可能性，但是，更多是一种痛——为了混口饭吃，我容易吗？我？

牢骚发完了，进入正题——

阅读全文

posted @ 2008-03-14 17:24 阿一(杨正祎) 阅读(48703) | 评论 (34) 编辑

IE8中模拟IE7按钮（Emulate IE7 button）的秘密

摘要:

Emulate IE7按钮

我在上篇文章《IE8抢先尝试——色眼窥观版》中，曾经很心虚的猜测这个“Emulate IE7 button”只是简单的将IE8默认的渲染模式从“标准模式”改变为“诡异模式”。今天IE官方博客放出一篇文章《Using The Emulate IE7 Button》里面提到了这个Emulate IE7按钮的真正秘密——

阅读全文

posted @ 2008-03-12 10:56 阿一(杨正祎) 阅读(1919) | 评论 (0) 编辑

IE8抢先尝试——色眼窥观版（多图）

摘要:

IE8抢先尝试

刚刚发布的IE8beta1版，到底带给了我们什么期待呢？下面就让我们用“色眼”来管中窥豹一番吧。

色即设——设计，从网页设计的角度出发。窥，小视也——《说文》，此小视非彼小视呀。此小视的意思是：水平有限，不能望其全貌，仅能管中窥豹。

阅读全文

posted @ 2008-03-06 12:47 阿一(杨正祎) 阅读(7313) | 评论 (56) 编辑

使用EditPlus技巧，提高工作效率(附英文版、自动完成文件、语法文件下载)

摘要:

EditPlus使用技巧

除了windows操作系统，EditPlus可以说是我最经常使用的软件之一了。无论是编写xhtml页面，还是css、js文件，甚至随笔记记这样的事情，我都会使用EditPlus（现在使用的是EditPlus2.31英文版），感觉它不仅功能强大，更难得的是：绿色、轻量级、启动速度快、稳定性高……反正，我个人是爱死她了！

在使用中，我个人也总结了一些使用经验。可能作为高手的你，看来只是“相当肤浅”，但是没有关系，因为我相信，只要把知识共享出来，总能帮助到一些还在进步中的朋友。下面就让我们来开始配置出符合你自己使用习惯的EditPlus吧！ <阅读全文

posted @ 2008-01-14 00:39 阿一(杨正祎) 阅读(38974) | 评论 (125) 编辑

实例讲解符合中国特色的和网络现状的实用CSS Hack(附源码)

摘要:

首先解释标题的定语：
实例讲解:文章中会出现可以运行并可立即看到结果的实例代码
中国特色的:中国网民使用最多的浏览器是IE和FireFox.所以这些CssHack主要是为了解决这2种浏览器的兼容问题.中国电脑用户的操作系统主要是Windows,所以这些CssHack主要针对Windows操作系统浏览器,并不包含Mac等
网络现状的:现在网民中最多使用的浏览器是IE6，其次是IE7,再次是FireFox.所以这些CssHack主要是为了解决这3种浏览器的兼容问题
实用的:阅读全文

posted @ 2007-09-14 08:48 阿一(杨正祎) 阅读(6967) | 评论 (19) 编辑

IE6和IE7共存方法（别人是别人的，我是我的）

摘要:

1、下载IE7 Standalone 这个工具.本地下载地址 2、解压缩 IE7-Release_yzy.rar 到一个空目录中，例如 d:\ie7green。 3：根据你的系统下载合适你的IE7安装文件——微软官方下载： Windows Internet Explorer 7 for Windows Server 2003 SP1简体中文正式版 Windows Internet Explorer 7 for Windows XP SP2简体中文正式版阅读全文

posted @ 2007-09-11 15:45 阿一(杨正祎) 阅读(32967) | 评论 (37) 编辑

《YES!B/S!》博客文章导读索引（20080612更新）

摘要: