EXTJS大家应该都听说过，如果你对他还有什么不了解请查看：http://www.css88.com/article.asp?id=512

程序员联盟在Dojo中国的带领下一直坚持技术开源原则，在《程序员联盟免费培训教育计划》的要求下，决定推出免费的extjs视频教程！
本视频教程针对extjs最新版本（2.2），并同步提供源代码，供大家学习与参考。 

extjs简介：

ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。

Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

本着开源的精神，本视频教程由dojochina中国制作， 目的是方便大家的交流与学习。 禁止用于任何商业用途， 如若违反开源精神所造成的后果， 一切都与dojochina中国无关。

主讲：陈治文 

详细说明请见：http://www.dojochina.com/index.php?q=node/898
extjs视频教程持续更新
请 时刻关注！本站也将持续关注。

教程相应的代码提供下载：http://www.dojochina.com/index.php?q=node/1121 

 电驴下载：http://www.verycd.com/groups/datum/338039.topic

*****************关于下载解压的密码在每期相应的在线播放页面！

在森林1年，认识了很多前端开发，CSSer同行，感谢群中所有的朋友。

特此整理css森林中的同行博客，有不完整或者遗漏的请各位指出，码头马上修改追加。谢谢。

继续阅读：Css森林群中博客整理»

分享6个眩光笔刷，屁话不多说了，看效果吧！

=====================================

效果1

下载地址：http://weilaixu.cn/attachment/1221790758_1081eb65.rar

===========================================================

效果2

下载地址：http://weilaixu.cn/attachment/1221790796_2569f726.rar

===================================================

效果3

下载地址：http://weilaixu.cn/attachment/1221790863_56221a9a.rar

===========================================================

效果4

下载地址：http://weilaixu.cn/attachment/1221790863_7788bc24.rar

===========================================================

效果5

下载地址：http://weilaixu.cn/attachment/1221790863_91443d8e.rar

===========================================================

效果6

下载地址：http://weilaixu.cn/attachment/1221790863_8306fd4c.rar

==================================================

PS：这些笔刷是我未见过的侄女许多多他爸整理的，以后多多他爸在我博客上“唉”一次，我就转载他一篇文章！

全部链接已经更新

========================================================

再加一个CSSPlay

cssplay是一个CSS demo网站，里面很多demo，这些文章有教如果放置图片，有些是说CSS技巧。

=======================

1. CSS Help Pile

CSS Help Pile重点关于CSS资源，技巧与手法。该网站授予良好的网页组及优秀的资源，适用于各个水平的开发人员，分类包括：初学者，浏览器解析的错误，简评CSS的书籍。

2. A List Apart CSS Topics

A List Apart是一个CSS优秀文章的收集网站，从1999年开始收集文章，关注最佳网页设计。

3. CSS Basics

CSS Basics可以当成一书来看，用了18个章节来传授基本的CSS概念，对初学者相当有帮助。还有就是所有18个章节，提供打印或PDF格式下载。

转载注明：http://www.css88.com/article.asp?id=506

4. Eric Meyer: CSS

这里主要是收集Eric Meyer (著名的开发者)的作品，在css/edge和CSS reference等页面可以找到一些相关的资源。

5. Holy CSS Zeldman!

Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。

6. 456 Berea Street – CSS category

456 Berea Street下有一个CSS分类，里面有超过300篇文章，这些文章有教如果放置图片，有些是说CSS技巧。

7. /* Position Is Everything */

这里只要关注的是如何摆脱浏览器显示的错误。

8. HTML Dog CSS Tutorials

HTML Dog致力于教授最佳的XHTML与CSS布局，分为初级，中级，高级三个级别。

9. Learn CSS Positioning in Ten Steps

如果使用CSS定位是一个棘手的问题，这里有10步，看能不能帮你解决。

10. Andy Budd CSS/Web Standards Links

Andy Budd有着一系列CSS/web标准的有用链接，以帮助你找到有用的资料。

11.W3CSchools CSS Tutorial

这个有中文站：http://www.w3school.com.cn/index.html

W3CSchools有一个CSS部分，内容涵盖了初级到高级的CSS主题。

12. css Zen Garden

css Zen Garden给我们展示了CSS是怎样工作的，使用相同的HTML文件，设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。这个网站在7个最好的网上CSS资源里也有介绍。

13. CSS at MaxDesign

MaxDesign拥有Russ Weakley的一套CSS精彩教程，在Listmatic里，教你使用CSS格式化列表，在Floatutorial里，介绍floating元素的知识。

14. CSSeasy.com

CSSEasy.com拥有丰富的经验及创意分享，让我们更好地了解CSS。

15. CSS-Discuss

CSS-Discuss是一个CSS爱好者社区，而 CSS-Discuss Wiki是关于CSS的应用收集。

16. Web Design from Scratch: CSS

Web Design from Scratch有一章节是关于CSS的，涵盖了CSS的基本概念。 其中的Introduction to CSS对初学者很有帮助。

17.CSS-Tricks

CSS-Tricks是一个专注CSS的博客。

18.CSS on Delicious

The CSS tag on Delicious是关于优秀CSS设计的链接收集，亮点就是让我们知道哪些好东西在被人看。

19. SitePoint CSS Reference

SitePoint有一个CSS部分，专门讨论入门水平的CSS主题。

20. CSSDog

CSSDog有一部分为初学者与高级开发者设计的，其中的开发经验及参考，个人认为是最有价值的部分。

呵呵，谷歌推出Chrome浏览器！这个世界真疯狂啊！

新浪科技讯 北京时间9月3日凌晨消息，谷歌今日凌晨面向全球100多个国家推出“Google Chrome”浏览器，目前，谷歌浏览器测试版支持43种语言，与用户对谷歌产品的期望相同，谷歌浏览器着重于操作便捷性和功能性。

　　谷歌称，早期的互联网时代，网页通常与简单的文本页面类似，如今互联网已经逐渐发展成为一个强大的平台，用户不仅可以通过Email和其它网络应用与朋友、同事沟通合作，还可以编辑文档、观看视频、收听音乐、管理银行帐户等等。谷歌浏览器正是以现今的互联网为基础、为应对未来可能出现的众多网络应用而设计的。

　　“我们认为浏览器是走进互联网的窗户——对于用户来讲，浏览器是用来与网站、网络应用互动的工具，延续这种使用体验非常重要。”谷歌全球产品副总裁，Sundar Pichai表示，“与经典的谷歌主页一样，谷歌浏览器简单的用户界面背后由领先的核心技术支持，用以支持用户浏览今天的网络。”

谷歌浏览器建立了一个更强大的JavaScript引擎V8，以便为下一代网络应用技术提供支持，这些网络应用在目前的浏览器上几乎不可能实现。

    官方下载地址：

    http://www.google.com/chrome 

—————————————————————————————————

　　谷歌称，谷歌浏览器将为用户提供更好的网络体验，使用户更易搜索，以便尽快找到所需内容。

　　在功能特性上，浏览器的地址栏整合了搜索功能，只需几次点击，用户便能尽快地查到所需信息；另外，当在谷歌浏览器中打开一个新的标签页时，用户将看到一些缩略图，其中包括以往经常浏览的网站，最新的搜索结果以及书签页，使用户能更容易的浏览网页。

　　谷歌强调，谷歌浏览器的核心设计理念是一个为用户提供更强的稳定性和安全性的多进程处理的平台。每一个浏览器窗口的运行都是独立的进程，标签页是相对独立的，一旦某一个标签页不能正常运行或是关闭，其他标签页不会受到影响，用户可以继续进行操作而不必关掉整个谷歌浏览器。

　　谷歌同时表示，Google Chrome是一款开源软件，将通过开源为浏览器创新做贡献。

　　“我们将谷歌浏览器视为能彻底改变人们对浏览器认识的产品，而且我们意识到谷歌浏览器不可能仅仅通过自己的力量单独开发完成。”谷歌全球研发总监Linus Upson表示：“谷歌浏览器的研发架构于其他开源项目基础之上，这些项目为促进竞争和创新作出了重大贡献。”

　　为了更一步促进网络的开放性，谷歌浏览器所有的代码全部开源，这个开源项目名为Chromium。谷歌希望能通过公开谷歌浏览器的基础架构，在提升谷歌浏览器的性能的同时，与整个业界合作从而促进互联网的健康发展。

　　谷歌强调，Google Chrome尚处在测试版阶段，即将推出的版本也只适于Windows系统，但Mac和Linux版本将随即推出。

　　以下为用于 Windows 的谷歌浏览器Google Chrome(测试版)下载链接。(文雄)

    新浪下载地址：

　　Google Chrome(谷歌浏览器) 简体中文版 http://down1.tech.sina.com.cn/download/down_contents/1222531200/40975.shtml

　　Google Chrome(谷歌浏览器) 英文http://down1.tech.sina.com.cn/download/down_contents/1222531200/40981.shtml

    Google Chrome的官方网站：

    gears.google.com/chrome/

　　谷歌介绍Chrome的主要特性：

　　一框多用

　　在地址栏键入字词或网址即可获得有关搜索和网页的建议。

　　常用网站的缩略图

　　从任一新标签即刻访问用户最喜爱的网页。

　　应用程序的快捷方式

　　为用户最喜爱的网络应用程序创建桌面快捷方式。

　　Google Chrome(谷歌浏览器) 繁体版(香港)http://down1.tech.sina.com.cn/download/down_contents/1222531200/40982.shtml

　　Google Chrome(谷歌浏览器) 繁体版(台湾) http://down1.tech.sina.com.cn/download/down_contents/1222531200/40983.shtml

YUI提供的Dom操作中文文档（chm格式）点击下载此文件

您也可以看：

YUI提供的Dom操作可查看：

【转载】：http://www.aoao.org.cn/resource/
ps：很多是E文的，真晕！

整理了一些Web前端开发的资源，包括有浏览器开发工具，Microformats，电子书资源等，如果你有更好的资源给我邮件。

浏览器及相关开发工具

相关开发工具，来自klauskomenda.com
关于浏览器多版本并存问题

• Firefox装3.0的，再装个Flock1.1(内核为firefox2)的，就可以并存两个版本，某些插件不支持新版可装Nightly Tester Tools来解决
• IE多个版本并存可选择Multiple IE或者IETester

一些在线用的小东东

Accessibility

•  WAVE 3.0 Web Accessibility Tool 高度可定制的工具，它采用了图形化模型展示网站兼容性问题（ WCAG 1.0 and section 508 ）。
• TAW Web Accessibility Test 测试网页是否存在冲突（ WCAG 1.0 兼容性 ），通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。
• HiSoftware CynthiaSays portal 采用了非常严格的规则来测试网页（ 根据 section 508 和 WCAG 1.0 规则 ），生成的报告也极为详细。
• HERA Accessibility testing with Style 使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。

一些软件

Mac

• Code：华丽的软件设计，最大的优点就是同步方便
• TextMate：实用软件，最大的缺点就是中文支持不好，而且不支持存GBK的

Microformats^{Cheat Sheet 另一份}

• http://tools.microformatic.com/
• Firefox Add-ons :Tails Export (说明), Operator
• Safari Microformats plugin

一些参考资料

• Web开发人员的百科全书：Google Doctype,包括Web安全、JavaScript、DOM控制、 CSS技巧和窍门等。
• HTML^{Cheat Sheet}: SitePoint HTML Reference (beta) HTML Playground
• CSS^{Cheat Sheet}：W3C CSS2中文翻译（有CHM），CSS2在线参考手册， SitePoint CSS Reference, Mozilla_私有属性^部分翻译

我们所说前端开发，目前指的是浏览器端的WEB应用开发。但是未来并不仅限于此，这也是为什么前端开发这个岗位放在UED部门的原因。前端开发更注重于人机交互和用户体验。

也许你现在从事的并不完全和我们所定义的前端开发工作相同，但是，只要致力于用技术支撑互联网用户体验，我想，我们都是志同道合的。

第一次BLOG上觉得要写点正式的东西，写得有点悬乎，还是来点通俗的比较实惠。

就是，前端开发游走在设计师和工程师之间，游刃与用户体验和技术实现之间，斡旋在用户利益和商业利益之间。好象一个外交家，又好象一个兵工厂。

又什么浮云般的描述，我这是怎么了。看来要整点土的比较好。

if (

( (JS>60 || AS>60) && CSS>60 && XHTML>80 )

&& (scriptLanguage + CSS +XHTML) > 220

&& teamWork>80 && serverEndLanguage>60 ){

alert(’Come on!’);

}

降低网络成本

1.最大限度减少HTTP请求数。
2.控制网站流量，合并样式图片。
3.图片优化压缩处理，无损地减少图片体体积。
4.减少CSS文件的体积，合并css样式文件。
5.提高客户端渲染速度，尽量不使用占用过多CUP，占用过多内存的代码 如: text-indnt:-9999px 、IE滤镜等
6.减少HTML的嵌套，减少无语义代码。 如: <div class=”clear”></div>消除浮动等

Web内容可访问性 / 兼容性

1.电脑浏览器兼容性。
2.电脑分辨率兼容性。
3.其它屏幕阅读器兼容性。
4.语音浏览器兼容性。(暂时没有考虑,关注中,网易新闻有声版 做得不错)
5.需要的话打印机兼容性也考虑，要求能准确的打印到需要的信息。

HTML 相关规划管理
1.HTML内容的代码框架规划，把最重要主要的内容放在代码最前端。
2.合理地织与规划样式，适当的添加注释。
3.团队要有共识，使用共同的规范约定来编写代码。
4.根据产品需求，选择合适的方案，尽量做到代码效率最高，下载量最小， 最大限度重用代码。
5.HTML能通过验证之余要又语义.这是较为重要的一点。

Seo优化

1.依照web标准 使用最合理的标签，包含合理的内容。
2.把最重要内容放在代码前端，代码越前被搜索到的几率越高！
3.图片必须加上( alt )提示信息。
4.尽量做到样式图片所包含的文字，代码中也要出现。
5.给一个标签标明这是你的导航， 在没CSS样式支持下，别人并不知道那是你的导航， 哪些没明显标题的板块也应如此。

其它
在制作页面时应该先不考虑样式，安照页面内容重要程度用适当的HTML标签包含，按重要信息至上次要至下排序好，然后才使用CSS恢复设计图的样式，如当前代码没法按设计图还原时才再次添加HTML标签。

CSS、HTML、xHTML

CSS权威指南

The CSS Anthology (第二版) CSS设计大师设计思路与实践

HTML & XHTML 权威指南(英文CHM版+中文PDF版)

HTML & XHTML – The Complete Reference第四版
 
Building a Web Site 傻瓜书

HTML 4 傻瓜书 第五版

css禅意花园 (高级CSS开发)

CSS与DHTML精髓

CSS网页设计师

CSS Hacks and Filter

CSS Mastery高级Web开发标准

CSS 设计艺术

CSS代码效果对比学习

CSS Web Design傻瓜书

Pro CSS Techniques

CSS HTML高级设计模式 Pro CSS and HTML Design Patterns

Build your Own WebSite – The Right Way Using HTML and CSS

Mastering Integrated HTML and CSS

CSS Web Development从入门到精通

Web Publishing with HTML and CSS in One Hour a Day

Designing with Web Standards 网站重构 英文+中文版

Beginning HTML with CSS and XHTML

XHTML Moving toward XML

Building Smart Web 2.0 Applications

How to Do Everything With HTML

Teach Yourself HTML in 10 Minutes 第四版
 
HTML,XHTML,and CSS 第六版 Visual Quickstart Guide
 
Spatial Data on the Web:Modeling and Management

AdvencED DOM Scripting Dynamic Web Design Techniques

HTML & XHTML – The Complete Reference第四版

精通XHTML程序设计高级编程

XHTML实例精解

XHTML技术内幕

完美HTML设计 – 使用CSS不用Table (第二版)

250 HTML and Web Design Secrets

Bulletproof Web Design
 

Javascript

程序天下：JavaScript实例自学手册 电子教程+随书光盘

Javascript and Ajax for the Web 第六版

Return on Design

Learn Javascript 高清晰PDF珍藏版

JavaScript 宝典

JavaScript宝典(第六版)

JavaScript实例宝典 PDF文字版

Wrox Beginning JavaScript(第三版)

Professional JavaScript for Web Developers

Pro JavaScript Design Patterns
 
The Art & Science of JavaScript
 
JavaScript for breakfast

JavaScript in 10 Simple Steps or Less

JavaScript开发人员参考

JavaScript参考大全第二版

JavaScript权威指南(第四版)

JavaScript快速查询手册

Practical JavaScript DOM Scripting and Ajax Projects

JavaScript傻瓜书 第四版

高级Javascript 第二版

Build Your Own Database Driven Website

上百个超酷JS广告代码收集汇总 (第一辑)

上百个超酷JS广告代码收集汇总 (第二辑)

上百个超酷JS广告代码收集汇总 (第三辑)