飞鸟42 - 博客园

2011年4月15日

区分HTML5中几个标签的语义<strong><em><b><i><cite><q><blockquot>

摘要： <strong>已经不是「strongly emphasised」了，而是「重点」。强调（emphasis）」用来表示可能产生误会的地方，或是反讽、语气的转折等等；「重点(importance）」则是把文章中要传达的想法、结论、重要之处用醒目的样式突出。HTML 5中，W3C也不再有「strong > em」的解释，两者的用途完全不一样的呦。 <b>有来当没有层级的标题、表示不同但沒有「重点」意味的关键字（维基百科每则条目开头就是用<b>）。<i>则可以表示一个想法、文字音调的变化、外语的夹杂等。所以不要以为全用<strong> 阅读全文

posted @ 2011-04-15 17:16 飞鸟42 阅读(441) 评论(0) 推荐(0) 编辑

2011年4月14日

打败 IE 的葵花宝典：CSS Bug Table

摘要：原文链接作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的。今天，趁着想完善公司的内部样式框架，把HasLay 阅读全文

posted @ 2011-04-14 16:39 飞鸟42 阅读(198) 评论(0) 推荐(0) 编辑

2011年4月13日

15个编程好习惯

摘要：这是国外程序员Al katib总结的一些编程习惯。 1. 动手编码之前，你需要对要编码实现的解决方案有一个正式的或粗略的设计。永远不要在没有任何设计的前提下就开始编码，除非所编代码不重要。 2. 优秀的代码文档跟编程语言知识一样重要。在代码源文件中，为每个主要的代码段添加注释，解释代码的基本逻辑。最好注明程序的构建和修改日期，以及修改的原因也是非常有必要的。 3. 维护程序的各个版本同样重要。当前有些编程工具都自带一个版本管理工具。无论你什么时候改变自己的程序，它们都会将其保存为.bak文件。我的方法是为每个程序维护三个不同的版本。比如说，我有一个名为program.c的文件，这个文件同时也阅读全文

posted @ 2011-04-13 16:25 飞鸟42 阅读(135) 评论(0) 推荐(0) 编辑

拜拜了,浮动布局-基于display:inline-block的列表布局

摘要：一、一抹前言没有爱的日子，时间如指尖细沙，不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前，然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么？”后文再介绍的预告。由于自己肚子中的货物不足以撑起一篇足够质量的文章，所以关于“浮动布局更好的替代方案是什么？”的文章一直并未动笔。好在事物总是在发展的，我也是每天都是在进步，对于列表布局的思考也愈发成熟。加上正好前不久又有人询问我“浮动布局的替换方案是什么”，于是觉得介绍“浮动布局的替换方案“的时机成熟了。要注意，本文的布局阅读全文

posted @ 2011-04-13 13:32 飞鸟42 阅读(746) 评论(0) 推荐(0) 编辑

2011年4月12日

50个最佳HTML5国外教程

摘要：原文链接HTML5作为一个革命性的技术，它可以极大提高网页的相互操作，降低运行成本提高网页效率，可以预见，HTML5必定是未来网页设计开发的主流，如果你做为一名网页开发人员却还没有开始学习HTML5，那么你将会被时代抛弃。下面给大家带来50个国外关于HTML5的技术教程！Html5 – The BasicsCoding A HTML5 Layout From ScratchDesigning A Blog With HTML5Touch The Future : Create An Elegant Website With HTML5 And CSS3Building A Live News 阅读全文

posted @ 2011-04-12 16:29 飞鸟42 阅读(182) 评论(0) 推荐(0) 编辑

在IE下使用Firebug的简单功能

摘要：原文链接同事啄米鸟推荐了我一个web版firebug，适用大多数浏览器，确实不出，主要可以用于IE的CSS样式调试，因为IE developer toolbar和IE8自带的调试工具太难用了。在网页head 部分上面这个JS 即可使用web版firebug：“ <script type=”text/javascript” src=”https://getfirebug.com/firebug-lite.js”></script> ”如果想查看在线的页面元素，版主给了如下方法：view sourceprint?1<a href="javascript:( 阅读全文

posted @ 2011-04-12 11:16 飞鸟42 阅读(138) 评论(0) 推荐(0) 编辑

2011年4月11日

纯css修正IE6不支持position:fixed的bug

摘要： css：* { margin: 0; } html, body { height: 100%; overflow: auto; } .wrapper { position: relative; width: 100%; height: 100%; overflow: auto; } .box { position: fixed; left: 10px; top: 180px; } * html .box { position: absolute; } html：<html> <head> <link rel="stylesheet" href= 阅读全文

posted @ 2011-04-11 10:46 飞鸟42 阅读(168) 评论(0) 推荐(0) 编辑

haslayout--造成ie6大多数Bug的罪魁祸首

摘要：原文链接：haslayout综合要想更好的理解 css，尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout 属性阅读全文

posted @ 2011-04-11 09:31 飞鸟42 阅读(176) 评论(0) 推荐(0) 编辑

2011年4月8日

网页的栅格系统设计

摘要：栅格系统的形成 1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也是栅格系统最早的雏形。栅格系统英文为“grid systems”，. 阅读全文

posted @ 2011-04-08 14:38 飞鸟42 阅读(152) 评论(0) 推荐(0) 编辑

2011年4月1日

关于背景透明（即背景色透明和背景图像透明）的兼容性解决方案（ie6/7/8,FF,opera,safari）

摘要：关于背景图像透明：关于背景图像透明，我们利用PNG图片支持半透明的特性来达到我们要的效果，除ie6-浏览器不支持PNG的透明外，其他的标准浏览器都支持，因此下面我们主要解决修复ie6不支持PNG透明的Bug。互联网上解决IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中 backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与backg 阅读全文

posted @ 2011-04-01 08:30 飞鸟42 阅读(1137) 评论(0) 推荐(0) 编辑

2011年3月28日

Yahoo团队经验：网站性能优化的34条黄金法则

摘要： Yahoo团队总结的关于网站性能优化的经验，非常有参考价值。英文原文：http://developer.yahoo.com/performance/rules.html1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少 HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文阅读全文

posted @ 2011-03-28 16:43 飞鸟42 阅读(169) 评论(0) 推荐(1) 编辑

2011年3月27日

Zen Coding: 一种快速编写HTML/CSS代码的方法

摘要：译自：Smashing Magazine中文：Zen Coding: 一种快速编写HTML/CSS代码的方法请尊重版权，转载请注明来源！在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间？如果你的编辑器有代码提示功能，你编写的时候就会容易些，但即便如此你还是要手动敲入很多代码。在JavaScript方面，当我们想要在一个页面上获取某个特定的元素时，我们就会遇到同样的问题，我们必须写很多代码，这就变得难于维护和重用。JavaScript框架应运而生，阅读全文

posted @ 2011-03-27 17:46 飞鸟42 阅读(313) 评论(0) 推荐(0) 编辑

2011年3月22日

css和js压缩工具TBcompressor(修改自Yahoo!的YUIcompressor)

摘要：压缩css和js是我们工作中经常要处理的一件事,这里介绍的是一款基于YUICompressor,淘宝封装的css和js压缩工具TBCompressor. TBCompressor的安装很简单,点击install.cmd就可以了,安装后会在里的右键菜单里出现"Compress CSS or JS"选项,需要压缩文件时只需选取目标文件然后右键点选"Compress CSS or JS"即刻.压缩后的文件会自动重命名. 这款js压缩工具，是最好用的，jquery等也用这个压缩，压缩率高，不会出现在线压缩工具那样的，各种各样的错误。好处就是：减少js的体积，减少阅读全文

posted @ 2011-03-22 15:00 飞鸟42 阅读(510) 评论(0) 推荐(0) 编辑

2011年3月15日

真正做到兼容各大主流浏览器的text-overflow(文本溢出)解决方案

摘要：先解决问题：text-ovewflow终极解决方案： FireFox的文本溢出采用jquery插件解决，其他浏览器还是采用text-overflow来解决:http://www.bramstein.com/projects/text-overflow/ Query Text Overflow plugin调用代码如下：<script type="text/javascript"> $(function() {$('.snip li').textOverflow();/*ff调用*/ });</script>/*------------ 阅读全文

posted @ 2011-03-15 10:43 飞鸟42 阅读(631) 评论(0) 推荐(0) 编辑

2010年9月21日

IIS5.1错误，启动时WEB服务提示：服务器没有及时响应启动或控制请求之终极解决方案。

摘要：症状描述：昨天我的iis突然不能测试本地网站了，默认网站显示“已停止”，于是点击“启动”，结果弹出错误提示对话框“服务器没有及时响应启动或控制请求 ”。重新卸载安装iis也还是同样的情况。网络技术打假：出现这个错误之后，我于是在网上搜索了一下问题的解决方案，出现频率最高的两种回答都没能解决我的问题，它们分别是：1、最常见的文章... 阅读全文

posted @ 2010-09-21 09:07 飞鸟42 阅读(968) 评论(0) 推荐(0) 编辑

2010年9月10日

关于eWebEditor-在线HTML编辑器控件-V2.2 V6[1].2 for ASP-多语言商业版客户端插件：eWebEditor 在线HTML编辑器控件 V2.2 的手动安装

摘要：虽说ewebeditor号称是纯绿色软件,用户使用无需安装即可使用,也不错,很多功能都是默认可以使用的,可是要是想把本地编辑好的word文档和excel文档通过ewebeditor导入到网页上,如果什么都不想安装,实现起来就不行了!因为默认情况下不支持导入word,excel,还有本地文件等。通过Ctrl+c,Ctrl+v方法贴的内容无法保存里面的图片。要想实现这些功能,就需要ewebeditor... 阅读全文

posted @ 2010-09-10 11:22 飞鸟42 阅读(1527) 评论(0) 推荐(0) 编辑

2010年6月1日

css2.0全部属性展示及意义阐释

摘要： 1、类型：字体： font-family:"宋体"; 大小： font-size:14px; 粗细： font-weight:normal; 正常 font-weight:bold; 粗体 font-weight:bolder; 特粗 font-weight:lighter; 细体 font-weight:300; 粗细300 /*可以直接输入数值设定粗细*/样式： font-style:nor... 阅读全文

posted @ 2010-06-01 08:21 飞鸟42 阅读(313) 评论(0) 推荐(0) 编辑

2010年4月28日

屏蔽优酷网，土豆网等外链网站视频广告及点击视频画面弹出页面的网页代码

摘要：如题，实现起来很简单，只需要在视频代码中插入： allownetworking="internal" 这段代码即可。实例：[代码] 阅读全文

posted @ 2010-04-28 18:06 飞鸟42 阅读(1672) 评论(0) 推荐(0) 编辑

2010年4月25日

fancybox ，比LightBox更绚丽的效果--fancybox官方教程（原创翻译）

摘要：今天在网上偶然间看到的一种效果：fancybox ，最新版本是1.3.1。这种效果类似于Lightbox 2.0，但比之更绚丽，而且支持swf视频格式，强烈推荐。官方网站：http://fancybox.net/。官方教程：1，首先，你应当确定你的文档中应有一个有效的文档声明（即DOCTYPE声明），这是保证FancyBox效果能正常实现的前提条件。 2,请将以下js文件包含在你的效果展示页面 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 阅读全文

posted @ 2010-04-25 11:47 飞鸟42 阅读(8392) 评论(0) 推荐(2) 编辑

2010年4月4日

绝对能用！！！EwebEditor+V5.2简体中文修改版（UTF-8编码）

摘要：今天调试了一个网站后台程序，调用的EwebEditor在线编辑器就是显示不出来，着急中。。。后来突然想到可能是编辑器的编码有问题（我的网站用的是utf-8编码，官方EwebEditor编辑器是使用GB2312编码编写的），我于是自己试着把编辑器的编码直接改成utf-8，显示倒是显示出来了，可全是乱码，不行！于是在网上狂找utf-8编码的EwebEditor，还真被我找到几个，于是挨个试，一整天就这... 阅读全文

posted @ 2010-04-04 18:41 飞鸟42 阅读(1319) 评论(0) 推荐(0) 编辑