CSS & Web标准
图片格式与设计那点事儿
摘要: 为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。阅读全文
从HTML1到HTML5，HTML的发展史
摘要: HTML 是 Web 同一语言，这些容纳在尖括号里得大略标签，构成了如今得 Web。1991 年，Tim Berners-Lee 编写了一份叫做 “HTML 标签”得文档，内里包括了大约20个用来标记网页得 HTML 标签。阅读全文
30个HTML5学习资源
摘要: 早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。阅读全文
深入理解CSS的inline-block属性
摘要: If you've been developing with CSS for some time now, you're certainly familiar with the inline-block value for the display property. The most common use for this property/value pair is when getting IE6's margins to behave. 阅读全文
15个好用的CSS3和HTML5模板框架
摘要: CSS3 and HTML5 are two of the coolest things to come along within web design for a very very a long long time. Whats not to love? And the best thing of all? The major browsers are now catching up and giving support.阅读全文
用CSS3实现未来的Web
摘要: CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。阅读全文
主流浏览器对css的支持（更新至Chrome）
摘要: "Google Chrome," a browser based on the Webkit engine used by Safari, was released today. Chrome uses AppleWebKit/525.13. Safari 3.1 uses a slightly newer version: AppleWebKit/525.18. Below are the various CSS selectors, including CSS3 selectors, and current browser support.阅读全文
Microsoft.AlphaImageLoader滤镜讲解
摘要: Microsoft.AlphaImageLoader是IE滤镜的一种，其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片，但是就IE5-IE6而言还是有一定的意义。阅读全文
firefox与ie 的javascript区别
摘要: 
火狐和IE的区别
Document.form.item 问题
现有问题：
现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 firefox下运行。
解决方法：
改用 document.formName.elements["elementName"]阅读全文
火狐和IE的区别
Document.form.item 问题
现有问题：
现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 firefox下运行。
解决方法：
改用 document.formName.elements["elementName"]阅读全文
Quirks mode、Almost standards mode、Standards mode
摘要:
Quirks mode refers to a technique used by some web browsers for the sake of maintaining backwards compatibility with web pages designed for older browsers, instead of strictly complying with W3C and IETF standards in standards mode.
阅读全文
最好的rss设计和rss图标（RSS: Best Design Practices And Icons）
摘要: RSS is extremely simple and yet so powerful. Not only does every weblog need it for content syndication; the number of RSS subscribers is a metric for weblog’s popularity and its success in the blogosphere. However, although millions do use RSS, hundreds of millions don’t. That’s no good news, since RSS offers a bunch of advantages that can boost your productivity and improve your information consumption in a quite elegant and easy-to-use way.
In this article we give an overview of what RSS阅读全文
In this article we give an overview of what RSS阅读全文
标签云（Tag Clouds Gallery: Examples And Good Practices）
摘要: Compared to conventional navigation patterns tag clouds don’t necessarily offer a more convenient and intuitive navigation. However, used properly, they can provide visitors with an instant illustration of the main topics, giving users a very specific and precise orientation of the site’s content. Since human beings tend to think in concepts and models, it’s easier to get an idea of presented content once the main concepts are given straight away — in digestible pieces, and prioritized by their 阅读全文
日历和日期选择推荐
摘要: Calendars always come in handy. Whether you are planning a schedule for your next project, manage your appointments or simply want to keep track on events you are going to take part in — to get things done in time you need a clear, simple and user-friendly time line. The more flexible your calendars are, the more effectively you can work with them. E.g. setting up your milestones, defining your deadlines and shifting your time line once unexpected problems occur. Besides, if you can get notified阅读全文
Don’t make me think 阅读笔记
摘要: 第一章
确保网页容易被用户使用的最重要原则是“不要让我思考”。设计师应尽量做到让网页不言而喻、一目了然、自我解释。好的设计应该能让用户立即上手使用，而无需花费精力思考。
网页上每项内容都有可能迫使用户停下来思考，例如，名字。那些看似很酷、很自以为聪明、带有营销性质及生僻技术的名字常常给用户带来困扰。又例如那些看起来不太明显的链接和按钮，用户没有义务思考某个地方是否能点击。
当我们访问网络时，每个微小的疑问都有可能打断我们的访问热情，它们会累积起来，直到让人抓狂、失去耐心。
一些不该让访问者思考的事：阅读全文
确保网页容易被用户使用的最重要原则是“不要让我思考”。设计师应尽量做到让网页不言而喻、一目了然、自我解释。好的设计应该能让用户立即上手使用，而无需花费精力思考。
网页上每项内容都有可能迫使用户停下来思考，例如，名字。那些看似很酷、很自以为聪明、带有营销性质及生僻技术的名字常常给用户带来困扰。又例如那些看起来不太明显的链接和按钮，用户没有义务思考某个地方是否能点击。
当我们访问网络时，每个微小的疑问都有可能打断我们的访问热情，它们会累积起来，直到让人抓狂、失去耐心。
一些不该让访问者思考的事：阅读全文
网页设计经验
摘要: （一）垃圾还是经典
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！阅读全文
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！阅读全文
13个在线web2.0风格生成器
摘要: 现在,只要看一些web2.0应用的目录,你就会发现,无论是小网站还是大的门户网站都更希望拥有web2.0的风格.可以看出,web2.0风格已经成为了现在web设计的潮流.这里列出了一些在线的专业web2.0元素生成器.如果你希望得到更多的内容或新闻,那就请订阅这个blog来及时获得更新,这是完全免费的!阅读全文
CSS selectors: basic browser support
摘要: These charts compare basic support for the various selectors, pseudo-classes and pseudo-elements defined in the CSS Selectors module. When a selector is flagged as supported, this only means: the UA reacts to the selector in a way that is compatible with the specifications (rephrased: take these results with the proverbial grain of salt). I've followed the selector notation and grouping used by the W3C document.阅读全文
STYLING FILE INPUTS WITH CSS AND THE DOM
摘要: File inputs () are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.阅读全文
Diagnostic Styling
摘要: On stage at An Event Apart Chicago, I made reference to recent efforts I’ve been making to develop a set of “diagnostic” styles. I’d hoped to have them ready for presentation in Chicago, but didn’t get it done in time.
Well, they’re still not really done, but as I’ve now torn them apart and rebuilt them three or four times, with no real end to that cycle in sight, it’s time for me to get them off of my hard drive and into the public eye. It’s a little bit complicated, so rather than po阅读全文
Well, they’re still not really done, but as I’ve now torn them apart and rebuilt them three or four times, with no real end to that cycle in sight, it’s time for me to get them off of my hard drive and into the public eye. It’s a little bit complicated, so rather than po阅读全文
加速图片显示（CSS Sprite）
摘要: 加速的关键，不是降低重量，而是减少个数。如果重量在200K以内，只要网络不是特别慢，效率都差不多。但是，如果图片个数多一倍，效率将明显低一个档次。
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。
阅读全文
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。
阅读全文
Enhance your (page) performance!
摘要: Sluggish internet speeds may be a thing of the past, but instant page loads are still the stuff of the future. Christian Heilmann has some tips for delivering faster, smoother pages to your visitors today
One of the biggest obstacles to tackle in web site and web application design is the initial response time of the product. There is a common feeling among web users that things just don’t happen fast enough.
阅读全文
One of the biggest obstacles to tackle in web site and web application design is the initial response time of the product. There is a common feeling among web users that things just don’t happen fast enough.
阅读全文
Thirteen Simple Rules for Speeding Up Your Web Site
摘要: 1. Make Fewer HTTP Requests
2. Use a Content Delivery Network
3. Add an Expires Header
4. Gzip Components
5. Put Stylesheets at the Top
6. Put Scripts at the Bottom
7. Avoid CSS Expressions
8. Make JavaScript and CSS External
9. Reduce DNS Lookups
10. Minify JavaScript
11. Avoid Redirects
12. Remove Duplicate Scripts
13. Configure ETags阅读全文
2. Use a Content Delivery Network
3. Add an Expires Header
4. Gzip Components
5. Put Stylesheets at the Top
6. Put Scripts at the Bottom
7. Avoid CSS Expressions
8. Make JavaScript and CSS External
9. Reduce DNS Lookups
10. Minify JavaScript
11. Avoid Redirects
12. Remove Duplicate Scripts
13. Configure ETags阅读全文
CSS Frameworks + CSS Reset: Design From Scratch
摘要: You don’t have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you’re starting to work with, at some point you have to define classes and IDs you’ve already defined in your previous web-projects. To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” scratch. The latter might contain some basic definitions you’d write in your code anyway. However, once you’ve decided to create such a scratch, you need to make s阅读全文
加速图片显示
摘要: 加速的关键，不是降低重量，而是减少个数。如果重量在200K以内，只要网络不是特别慢，效率都差不多。但是，如果图片个数多一倍，效率将明显低一个档次。
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。
阅读全文
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。
阅读全文
如何快速的呈现我们的网页
摘要: 我们经常把多个CSS或者多个JS并成一个，以节省请求，但是这样最少还是要两个。在MSDN的Blog上看到原来也是可以把JS和CSS并在一个文件里，那怎样做呢？利用注释，先看一下这代码。阅读全文
浏览器的模式问题 Quirks Mode vs Standards Mode
摘要: 当微软开始产生与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们IE6.0以后的版本在浏览器内嵌了两种表现模式： Standards Mode（标准模式或Strict Mode）和Quirks mode（怪异模式或兼容模式Compatibility Mode）。在标准模式中，浏览器根据W3C所定的规范来显示页面；而在怪异模式中，页面将以IE5，甚至IE4的显示页面的方式来表现，以保持以前的网 页能正常显示。阅读全文
微软IE8测试版即将发布！
摘要: >
据微软方面的消息称，IE8将在今年推出Beta测试版。并且Windows XP仍将支持这个版本的浏览器。
不过关于即将到了的IE8测试版，各方面消息都很少。但是消息来源表示，这个Beta将在Vista SP1放出后，再进行公开测试。不过可以确定的是，公开测试的日期绝对就在今年。
据微软方面的消息称，IE8将在今年推出Beta测试版。并且Windows XP仍将支持这个版本的浏览器。不过关于即将到了的IE8测试版，各方面消息都很少。但是消息来源表示，这个Beta将在Vista SP1放出后，再进行公开测试。不过可以确定的是，公开测试的日期绝对就在今年。
该消息源还透露到，一共将发布两个版本。一个是Vista版的，当然另外一个就是给Windows SP2或SP3使用了。Vista版的IE8将集成阅读全文
On having layout
摘要: 译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。
英文原文在此。
http://www.satzansatz.de/cssd/onhavinglayout.htm
文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。阅读全文
英文原文在此。
http://www.satzansatz.de/cssd/onhavinglayout.htm
文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。阅读全文
CSS hack浏览器兼容一览表
摘要: 首先应该明确的是：尽量不要使用css hack，因为它的向前兼容是未知的。
基于现在中国互联网的现状,这里主要对IE6，IE7和FF的最常用且实用的css Hack进行了介绍，但是并不表示css只有这些。
有些其实已经不是css hack了，而是css的一些新的选择器，例如"#div1>#div2"和"#div1:first-child",对于这样的选择器一般可以放心的使用，因为有较好的向后兼容性。
阅读全文
基于现在中国互联网的现状,这里主要对IE6，IE7和FF的最常用且实用的css Hack进行了介绍，但是并不表示css只有这些。
有些其实已经不是css hack了，而是css的一些新的选择器，例如"#div1>#div2"和"#div1:first-child",对于这样的选择器一般可以放心的使用，因为有较好的向后兼容性。
阅读全文
第一次听说“VML”这个东西！
摘要: 小弟真的有点孤陋寡闻了，今天第一次发现这个东西，感觉还挺屌，可惜只支持IE5.5以上版本，不支持FF。所以虽然能实现一些很牛叉的功能，但是我还是不提倡使用。比较现在web标准浏览器已经占据一定的市场。举个很简单的例子。圆角矩形：阅读全文
利用nightly的WebKit使Safari for Windows正常显示中文
摘要: 一些朋友提供了让Safari真正能在任意语言的windows下显示中文的办法：使用nightly的WebKit引擎。我这里提供详细操作方法。阅读全文
53个CSS-不可或缺的技巧
摘要: CSS是重要的，它正在越来越广泛的被运用。层叠样式表拥有很多表格布局所没有的优势，首先从布局或者页面的设计与出现在页面中的信息中作严格的分离，从而让页面的设计能够很容易被改变，仅用一个CSS文件更换另一个。难道它不够强大吗？恩，是的，其实它很强大。阅读全文
实现窄屏／宽屏的切换——给宽屏用户超值享受
摘要: 宽屏,宽屏切换,宽屏窄屏切换,宽屏设计,宽屏页面,宽屏页面设计,屏幕切换,用户体验度,宽屏液晶显示器,切换css,切换样式表,选择样式表,选择css,网页换肤,网站皮肤切换,网站换肤,网站换皮肤阅读全文
CSS样式表的规划与组织再续_一套确实可行的方案实例
摘要: 本文相关资料的链接：
web标准的几本推荐书——最近可以关注于web标准设计
Andy Bodd的《样式指南例子》——Andy Budd的样式指南
我做的第二套项目模板实例下载——http://www.cnblogs.com/Files/JustinYoung/20070524_style2.rar
经过上2周的实践和总结，再加上对《CSS Mastery》作者Andy Budd提供的《Style Guide》的研究，如今终于总结出了此套确实可行的CSS样式表的规划组织方案。并利用此方案成功的完成了SRW项目的第二套模板。整个过程，条理很清晰，修改、添加和删除都没有遇到什么问题。是目前我感觉的最好的一套方案。当然这只是我的感觉，如果你有更好的解决方案，请不吝赐教。
阅读全文
web标准的几本推荐书——最近可以关注于web标准设计
Andy Bodd的《样式指南例子》——Andy Budd的样式指南
我做的第二套项目模板实例下载——http://www.cnblogs.com/Files/JustinYoung/20070524_style2.rar
经过上2周的实践和总结，再加上对《CSS Mastery》作者Andy Budd提供的《Style Guide》的研究，如今终于总结出了此套确实可行的CSS样式表的规划组织方案。并利用此方案成功的完成了SRW项目的第二套模板。整个过程，条理很清晰，修改、添加和删除都没有遇到什么问题。是目前我感觉的最好的一套方案。当然这只是我的感觉，如果你有更好的解决方案，请不吝赐教。
阅读全文
Andy Budd的样式指南
摘要: keyword:cssMastery,andy Budd,style Guide,css样式表组织与规划.
下载地址:http://www.cnblogs.com/Files/JustinYoung/Styleguide.rar
《CSS Mastery》作者Andy Budd提供的《Style Guide》.对web标准中的css组织和规划很有指导意义.
Example Style Guide
The following document is a style guide to assist in the production, implementation and continuing development of the [Client] website. This document outlines the overall file structure, naming conventions, design and coding guidelines, styles and resources used in the阅读全文
下载地址:http://www.cnblogs.com/Files/JustinYoung/Styleguide.rar
《CSS Mastery》作者Andy Budd提供的《Style Guide》.对web标准中的css组织和规划很有指导意义.
Example Style Guide
The following document is a style guide to assist in the production, implementation and continuing development of the [Client] website. This document outlines the overall file structure, naming conventions, design and coding guidelines, styles and resources used in the阅读全文
CSS样式表的规划与组织(续)_关于@import样式表规则
摘要: 在CSS样式表的规划与组织中@import这个规则扮演着较为重要的角色。今天就来主要的了解一下。
（其实是朱王伟提醒我这个点，惭愧，较为浮躁，钻研精神不足。）
@import
语法：
@import url (url) sMedia ;
说明：
url : 使用绝对或相对地址指定导入的外部样式表文件。请参阅link对象
sMedia : 指定设备类型。
指定导入的外部样式表及目标设备类型。
该规则必须在样式表头部最先声明。并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。
用此规则导入的样式表，其owningElement特性是一个link对象或style对象。请参阅我的其他著作。
导入的外部样式表中的定义将被文当中的同名定义覆盖。 <阅读全文
（其实是朱王伟提醒我这个点，惭愧，较为浮躁，钻研精神不足。）
@import
语法：
@import url (url) sMedia ;
说明：
url : 使用绝对或相对地址指定导入的外部样式表文件。请参阅link对象
sMedia : 指定设备类型。
指定导入的外部样式表及目标设备类型。
该规则必须在样式表头部最先声明。并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。
用此规则导入的样式表，其owningElement特性是一个link对象或style对象。请参阅我的其他著作。
导入的外部样式表中的定义将被文当中的同名定义覆盖。 <阅读全文
CSS样式表的规划与组织
摘要: 如果你的工作过程中遇到以下问题，那么请你阅读此文章。
1：样式表文件里面的代码混乱，随着项目的进展，样式表里面的先有代码不敢做任何改变，因为连自己也不知道改了以后会给现有项目造成什么影响。更不敢删除。因为连自己都不知道此处的样式到底什么地方用到了。
2：样式表文件体积增大，一个页面即使没有用到多数的样式，但仍然只能引用所有的样式，导致页面的加载缓慢。
3：样式表文件里面的代码，就像意大利面条（为什么一定要像意大利的面条？），或者就像中国的兰州拉面。所有的选择器类型全部混在一起。甚至出现很多上下的重复和不一致。
4：其他的一些CSS导致的问题。
的确，随着web标准的实施，CSS的分量逐渐增大。甚至一些原本有JavaScript处理的部分也由CSS来处理（例如一些图片的翻转替换等）。随之而来的是css文件代码的急剧增长。原本就存在的css代码管理混乱问题日益加剧。如何更好的规划、组织样式表显的日益重要。今天，请允阅读全文
1：样式表文件里面的代码混乱，随着项目的进展，样式表里面的先有代码不敢做任何改变，因为连自己也不知道改了以后会给现有项目造成什么影响。更不敢删除。因为连自己都不知道此处的样式到底什么地方用到了。
2：样式表文件体积增大，一个页面即使没有用到多数的样式，但仍然只能引用所有的样式，导致页面的加载缓慢。
3：样式表文件里面的代码，就像意大利面条（为什么一定要像意大利的面条？），或者就像中国的兰州拉面。所有的选择器类型全部混在一起。甚至出现很多上下的重复和不一致。
4：其他的一些CSS导致的问题。
的确，随着web标准的实施，CSS的分量逐渐增大。甚至一些原本有JavaScript处理的部分也由CSS来处理（例如一些图片的翻转替换等）。随之而来的是css文件代码的急剧增长。原本就存在的css代码管理混乱问题日益加剧。如何更好的规划、组织样式表显的日益重要。今天，请允阅读全文
IE6与IE7，放纵的孩子与严厉的父亲
摘要: KeyWord:ie6和ie7显示不同,web标准设计,ie6和ie7比较,ie6和ie7的变化,ie7对web设计人员的影响
IE7刚出来，我就做了螃蟹，算是比较早接触IE7的。但是这个问题是从我刚试用IE7就一直困扰我。很久以来一直没有很好的找到原因，直到客户提出了这个bug，我们才不得不深入的研究了一下这个原因。
bug现象：
页面的布局在IE6和IE7中显示不同，如果在IE6里面显示正常了，在IE7显示就不正常，如果在IE7里面调正常了，在IE6里面有不对了。一句话——因为IE6和IE7的解析规则不同，导致相同的页面在IE6和IE7中显示不同。不能两全其美。贴个在IE6中正常在IE7中不正常的图片：
阅读全文
IE7刚出来，我就做了螃蟹，算是比较早接触IE7的。但是这个问题是从我刚试用IE7就一直困扰我。很久以来一直没有很好的找到原因，直到客户提出了这个bug，我们才不得不深入的研究了一下这个原因。
bug现象：
页面的布局在IE6和IE7中显示不同，如果在IE6里面显示正常了，在IE7显示就不正常，如果在IE7里面调正常了，在IE6里面有不对了。一句话——因为IE6和IE7的解析规则不同，导致相同的页面在IE6和IE7中显示不同。不能两全其美。贴个在IE6中正常在IE7中不正常的图片：
阅读全文
解析margin的自动值auto
摘要: KeyWord：web标准设计,web设计标准,标准web设计,firefox居中对齐,margin auto,ie和firefox差别,quire mode和standard mode
手册上说的auto自动是字面的意思，但手册毕竟是手册和我们实际应用是有区别的。
定义一个方向为auto，可以理解为此方向随便，自由
以前不是有个经典的FF居中么 margin:0 auto，这个其实在IE6下支持也是很好的，于是也有了如下延伸：
阅读全文
手册上说的auto自动是字面的意思，但手册毕竟是手册和我们实际应用是有区别的。
定义一个方向为auto，可以理解为此方向随便，自由
以前不是有个经典的FF居中么 margin:0 auto，这个其实在IE6下支持也是很好的，于是也有了如下延伸：
阅读全文
《精通CSS：高级Web标准解决方案》读书笔记:1
摘要: KeyWord:《精通CSS：高级Web标准解决方案》读书笔记,精通css,高级web标准解决方案,web标准,css教程,精通css电子书,精通css在线阅读,《精通css》电子书,《精通css》在线阅读,web设计标准,web标准设计
依然是我的习惯，读书笔记分块不分段。对于不习惯的朋友，只能说抱歉啦。
懒的贴图了，给个word文档下载地址吧。里面有图片。这里就只贴出文字版了。
word文档下载地址：http://www.cnblogs.com/Files/JustinYoung/CSS_01.rar
现在网上还没有电子书,不过,可以看到连载版,已经有前面几章了。这里给个在线阅读的地址吧：http://book.csdn.net/bookfiles/136/
阅读全文
依然是我的习惯，读书笔记分块不分段。对于不习惯的朋友，只能说抱歉啦。
懒的贴图了，给个word文档下载地址吧。里面有图片。这里就只贴出文字版了。
word文档下载地址：http://www.cnblogs.com/Files/JustinYoung/CSS_01.rar
现在网上还没有电子书,不过,可以看到连载版,已经有前面几章了。这里给个在线阅读的地址吧：http://book.csdn.net/bookfiles/136/
阅读全文
在ASP.NET 2.0中直接得到本页面生成的HTML代码
摘要: KeyWord:静态页面,生产静态页面,html页面,生产html页面,asp.net静态页面,asp.net生成静态页面,asp静态页
在ASP.NET 2.0中，有时候需要对ASP.NET生成的HTML代码进行处理，或者是保存成静态文件。ASP.NET 提供了直接将请求保存成文件的方法：HttpRequest.SaveAs方法。下面这个方法就是在ASP.NET 2.0中得到ASP.NET生成的HTML代码，同时，生成一个静态文件的方法。
阅读全文
在ASP.NET 2.0中，有时候需要对ASP.NET生成的HTML代码进行处理，或者是保存成静态文件。ASP.NET 提供了直接将请求保存成文件的方法：HttpRequest.SaveAs方法。下面这个方法就是在ASP.NET 2.0中得到ASP.NET生成的HTML代码，同时，生成一个静态文件的方法。
阅读全文
关于主题与皮肤的几点经验
摘要: SkinID和控件的ID不能重名,所以我的解决方案是在SkinID的Id前面加上sk前缀.
可以利用不同的Skin实现网站的多国语言切换,具体实现方案参看的我的文章《ASP.net2.0利用皮肤实现多国语言版》
只有服务器控件才能使用skin（即skin文件里面只能对服务器端的控件设置皮肤），不过，利用主题（theme）的概念还是可以对客户端控件进行不同的表现设置。
skin文件里面的控件不能进行嵌套。例如下面的代码是错误的。
阅读全文
可以利用不同的Skin实现网站的多国语言切换,具体实现方案参看的我的文章《ASP.net2.0利用皮肤实现多国语言版》
只有服务器控件才能使用skin（即skin文件里面只能对服务器端的控件设置皮肤），不过，利用主题（theme）的概念还是可以对客户端控件进行不同的表现设置。
skin文件里面的控件不能进行嵌套。例如下面的代码是错误的。
阅读全文
./ / 和~/
摘要: KeyWord：相对目录,绝对目录,~/,../,页面设计 目录
大家都知道在html中../表示上一级目录，/path/表示从根目录开始，那么～／是个什么东西呢？其实这个也是从跟目录开始，但它和／path/和有区别的。
首先：/path/表示从iis的根目录开始，～/是从本应用站点的顶级目录开始。
其次：/path/是w3c标准,在html,css中都可以使用,但是~/只是微软的一些.net空间属性中一些表示路径的时候使用的.在css中是不能使用的.
例如在skin文件中我们就可以使用类似下面的语句:
阅读全文
大家都知道在html中../表示上一级目录，/path/表示从根目录开始，那么～／是个什么东西呢？其实这个也是从跟目录开始，但它和／path/和有区别的。
首先：/path/表示从iis的根目录开始，～/是从本应用站点的顶级目录开始。
其次：/path/是w3c标准,在html,css中都可以使用,但是~/只是微软的一些.net空间属性中一些表示路径的时候使用的.在css中是不能使用的.
例如在skin文件中我们就可以使用类似下面的语句:
阅读全文
ASP.net2.0利用皮肤实现多国语言版
摘要: KeyWord：asp.net,theme,skin,主题,皮肤,多国语言,切换皮肤,皮肤与语言,theme的使用,skin的使用
前一段时间一个朋友问我,能不能用主题来实现网站的多国语言功能,但是对主题和皮肤并没有多少研究所以只能回答他"这个不太清楚".
最近于何(我们公司的技术老大,我一直很敬佩的人物之一)感觉我们以前的项目只用css表来控制样式与外观,这样样式与程序的耦合性很大,对程序和工作的分工很不利.于是就想在下个项目中改善这种传统的做法.我也有幸的参与了进来.主要负责样式与主题的研究与设计.
近两天的摸索,虽然不能说掌握的如何,但是对skin这个asp.net2.0新引进的东西多少有点自己的经验于总结吧.放出与大家共享.
如果大家对skin这个东西感兴趣,可以找点资料自己来看看,其实很简单的.我推荐的教程就是苏鹏老师的asp.net2.0的系列教程中关于skin的部分,以及轰穿天的vs2005基础教程中关于skin部分的教程.(最近对轰穿天大哥比较感兴趣,因为我正少个放网站的网络空阅读全文
前一段时间一个朋友问我,能不能用主题来实现网站的多国语言功能,但是对主题和皮肤并没有多少研究所以只能回答他"这个不太清楚".
最近于何(我们公司的技术老大,我一直很敬佩的人物之一)感觉我们以前的项目只用css表来控制样式与外观,这样样式与程序的耦合性很大,对程序和工作的分工很不利.于是就想在下个项目中改善这种传统的做法.我也有幸的参与了进来.主要负责样式与主题的研究与设计.
近两天的摸索,虽然不能说掌握的如何,但是对skin这个asp.net2.0新引进的东西多少有点自己的经验于总结吧.放出与大家共享.
如果大家对skin这个东西感兴趣,可以找点资料自己来看看,其实很简单的.我推荐的教程就是苏鹏老师的asp.net2.0的系列教程中关于skin的部分,以及轰穿天的vs2005基础教程中关于skin部分的教程.(最近对轰穿天大哥比较感兴趣,因为我正少个放网站的网络空阅读全文
css垂直居中
摘要: 之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子，看来对此的需求还不少。
现在就把我经验拿出来分享一下，希望大家鼓鼓掌。
kw:css,居中,居中显示阅读全文
现在就把我经验拿出来分享一下，希望大家鼓鼓掌。
kw:css,居中,居中显示阅读全文
网站生成静态页面，及网站数据采集的攻、防原理和策略
摘要: 网站生成静态页面，及网站数据采集的攻、防原理和策略
生成HTML方法主要步骤只有两个：
一、获取要生成的html文件的内容
二、将获取的html文件内容保存为html文件
目前防采集的方法有很多种，先介绍一下常见防采集策略方法和它的弊端及采集对策：...
kw:动态生成静态页面,静态页面的生成,生成静态页面,生成html页面,生成htm页面静态页面,网站采集,数据采集阅读全文
生成HTML方法主要步骤只有两个：
一、获取要生成的html文件的内容
二、将获取的html文件内容保存为html文件
目前防采集的方法有很多种，先介绍一下常见防采集策略方法和它的弊端及采集对策：...
kw:动态生成静态页面,静态页面的生成,生成静态页面,生成html页面,生成htm页面静态页面,网站采集,数据采集阅读全文
ASP生成静态Html文件技术杂谈
摘要: 网页生成静态Html文件有许多好处,比如生成html网页有利于被搜索引擎收录,不仅被收录的快还收录的全.前台脱离了数据访问,减轻对数据库访问的压力,加快网页打开速度.
1,下面这个例子直接利用FSO把html代码写入到文件中然后生成.html格式的文件
2,第二种方法就是利用模板技术
3、第三种方法就是用XMLHTTP获取动态页生成的HTML内容，再用ADODB.Stream或者Scripting.FileSystemObject保存成html文件。
kw:动态生成静态页面,静态页面的生成,生成静态页面,生成html页面,生成htm页面静态页面阅读全文
1,下面这个例子直接利用FSO把html代码写入到文件中然后生成.html格式的文件
2,第二种方法就是利用模板技术
3、第三种方法就是用XMLHTTP获取动态页生成的HTML内容，再用ADODB.Stream或者Scripting.FileSystemObject保存成html文件。
kw:动态生成静态页面,静态页面的生成,生成静态页面,生成html页面,生成htm页面静态页面阅读全文
ASP.NET生成静态网页的方法
摘要: 显然用的是利用模板，然后替换的思路。
环境:Microsoft .NET Framework SDK v1.1
OS:Windows Server 2003 中文版
ASP.Net生成静态HTML页
在Asp中实现的生成静态页用到的FileSystemObject对象!
在.Net中涉及此类操作的是System.IO
kw:动态生成静态页面,静态页面,生成动态页面,创建静态页面阅读全文
环境:Microsoft .NET Framework SDK v1.1
OS:Windows Server 2003 中文版
ASP.Net生成静态HTML页
在Asp中实现的生成静态页用到的FileSystemObject对象!
在.Net中涉及此类操作的是System.IO
kw:动态生成静态页面,静态页面,生成动态页面,创建静态页面阅读全文
中国十五大源码下载类知名网站总体简评,非官方仅供参考
摘要: 1.源码之家 http://www.mycodes.net 国内流量最大的源码下载站，下载点较多，速度一般，比较稳定，死链少！
2.源码网 http://www.yuanmawang.com 新崛起的专业网站源码下载门户站,更新速度快较稳定,死链少,下载速度快.
3.中国站长站 http://down.chinaz.com 老牌源码下载站,更新速度还可以,较稳定,死链少,下载速度快.
4.中国源码下载站 http://www.downcode.com 老牌源码下载站,更新速度还可以,下载速度一般.
5.中国源码中心 http://www.cncode.com 源码更新速度快,下载速度一般,有部分死链,站点较稳定.
kw:源码下载,整站源码,网站建设,商业源码阅读全文
2.源码网 http://www.yuanmawang.com 新崛起的专业网站源码下载门户站,更新速度快较稳定,死链少,下载速度快.
3.中国站长站 http://down.chinaz.com 老牌源码下载站,更新速度还可以,较稳定,死链少,下载速度快.
4.中国源码下载站 http://www.downcode.com 老牌源码下载站,更新速度还可以,下载速度一般.
5.中国源码中心 http://www.cncode.com 源码更新速度快,下载速度一般,有部分死链,站点较稳定.
kw:源码下载,整站源码,网站建设,商业源码阅读全文
关于可能影响网站访问量上不去的19个因素
摘要: 1、网站未做充分的调研工作，不清楚自己的目标顾客群就匆忙上马;
2、网站发起人从个人兴趣出发，目标群体过小;
3、目标群体上网时间短，缺乏网络经验;
4、网页内容单调，无法提起浏览者的兴趣;
kw:提供访问量,访问量,网站推广阅读全文
2、网站发起人从个人兴趣出发，目标群体过小;
3、目标群体上网时间短，缺乏网络经验;
4、网页内容单调，无法提起浏览者的兴趣;
kw:提供访问量,访问量,网站推广阅读全文