Jade's fantastic Blog

Make a difference.Where amazing happens!

Troopjs Internal Design Analysis

Which problems does this framework try to solve ?

  • Front-end developers should know as little as possible about back-end as possible
  • UI is client specific, keep it there
  • Code that accomplishes a single task should live all live together in one place
  • Modifying a component should not affect the whole application
  • Avoid boilerplate code
  • Stay DRY

Which solutions does this framework can give ?

  • Back-end should be a service provider shared among all clients
  • Generate your UI on the client, but separate from logic (MVC)
  • Write components, not snippets (AMD)
  • Connect components (PubSub)
  • Convention over configuration
  • Pick framework(s) (but KISS)

Whcih Libs does this framework use?

Troopjs Introduce

The **more** you write, the **uglier** it gets. -Mikael

What’s that?

  • Troopjs is a javascript framework, based on Mix-in and Compose patterns.

Why we should use it?

  • It’s intuitive and strightforward
  • It’s very easy and powerful

Pros ?

  • Object-Based Inheritance For ECMAScript 5
  • Internal template engine
  • Logic simple
  • Consist Async operation
  • Life cycle management system

Cons ?

  • Don’t have a model abstraction, it’s data model is controlled by service
  • Document is less

Project address

Cubieboard – a Nice Subminiature Computer

最近有点迷恋超小型电脑, 是时候给生活增添点乐趣了!

What is a subminiature computer?

WIKI

Why?

因为他可以做如此多的有趣的事情:

  • Web 服务器
  • 家庭自动化
  • BitTorrent 服务器
  • Web Cam 服务器
  • 天气预报站
  • BitCoin Wallet
  • QuadCopter
  • VoIP PBX
  • XMBC 多媒体中心
  • 有声书籍播放器
  • Arduino Shields
  • NAS 服务器
  • Apple Time Machine 支持
  • Tor 中继
  • 家用 VPN 服务器
  • GPS 跟踪器(带 3G 支持)
  • Advice Machine(无用但很酷)
  • 模拟输入
  • 超级电脑
  • Kindle 作为显示屏
  • PIC Programmer
  • PenTesting/Hacking
  • Android 系统
  • 检查网络状态
  • Solar 数据记录器
  • 把我发到太空
  • 咖啡
  • 制作一个酷坦克
  • 电子相框
  • 添加 WiFi
  • OpenSource Kiosk
  • Node JS
  • 流量监视
  • 超频

How?

Software Architect

软件架构师是为技术团队服务而存在的,不是为其它的。

软件架构师是导师。

软件架构师是学生。

软件架构师是程序看门人。在狂欢过后留下来高兴的清扫场地。

软件架构师在混乱的地方维持次序,在有歧义的地方提出指导意见,在有争议的地方作出决断。

软件架构师参与系统的编码,对系统的核心有最彻底的理解。

软件架构师创造出能让整个公司内部有效交流的标准用语。

软件架构师读的代码要比他写的多——在系统变更完成前捕捉住bug。

软件架构师在不忽略当前的需求要求下提供产品技术上的远瞻。

软件架构师对错误勇于承认,对功绩不贪享。

软件架构师勇于承担工作,在工作完成时才心满意足。

原文

How to Be an Excellent Programmer for Many Years

  1. 小范围的选择一些有用技术,透彻的学习它们,拥抱它们。然后不断的扩展这个范围。

  2. 理解各种数据结构的优点和缺点,包括它们在内存中和在硬盘上的各自表现。

  3. 理解各种算法的优点和缺点。

  4. 了解你的工作领域。关上电脑,去做你的用户们在做的事。

  5. 有准备,有愿望,有能力在任何时候投入到多种技术层面中。你必须知道表象下的技术原理。在“各个技术层面的掌握程度”和“编程能力”上有着密切的联系。

  6. 发挥你的想象力。永远都要问,“有更好的方法吗?”跳出常规思维约束。最好的解决方案也许还没有被发现。

  7. 优秀程序员:我优化代码。更优秀程序员:我设计数据。最优秀程序员:他们的不同之处是什么?

  8. 正确的构造你的数据。任何的缺陷都将造成你的代码里无尽的技术债务。

  9. 正确的命名事物。使用“动词-形容词-名词”格式来命名程序和函数。变量名要足够长,尽量短,有意义。如果其他程序员不能够理解你的代码,说明你写的不够清楚。在大多数情况下,针对下一个程序员而编码要比针对环境而编码重要的多。

  10. 把分析和编程分离开做。它们不是同类的事物,需要不同类型的劳力资源,需要在完全不同的时间和地点分开做。如果同时做它们,你一样都做不好。(我喜欢在一天的末尾做不涉及技术的分析,而在第二天早上进行编程。)

  11. 永远不要图省事走近道。永远不要把相同的代码部署两次。永远不要把一个变量命名成另一个变量名的一部分。也许你不明白这些规则,也许你要辩解。但如果你是遵守着这样做的,这些规则就会约束你正确的构造你的程序。图省事的做法是让那些低等级的程序员永远停留在低等级的原因。

  12. 学习如何测评程序性能。你会惊奇的发现从中能学到很多之外的知识。

  13. 学会区别对待问题细节和问题后果。问题细节不会导致太大的差别,而问题后果能导致世界灭亡。只关注后果。

  14. 密切关注你的用户/客户/管理人员。帮助他们认清楚他们的“what”,这比帮助他们明白他们的“how”要重要的多。

  15. 写一个框架,不论你是否打算用它。你将从中学到从其它途径中学不到的东西。

  16. 把你知道的东西教给他人——通过口口交流或通过写作。最终这将成为教育自己的机会。

  17. 永远要对你的客户/用户说“Yes”,即使在你不确定的情况下。90%的情况下,你会最终找到方法实现它。10%的机会,你将会去向他们道歉。这是重要的个人成长中付出的一点小代价。

  18. 寻找别人的做出神奇的事情但却一滩糊涂的代码。重构它。然后丢掉它,并发誓自己永远不要犯他们犯下的相同错误。(这样的程序你会发现很多。)

  19. 数据永远 > 理论或观点。通过开发东西来学习数据。

  20. 有可能的话,开创自己的业务(服务或产品)。你将从中学到很多你做雇员永远学不到的关于编程的知识。

原文链接

Some Valueable Links

书签栏

Web开发

World Wide Web Consortium (W3C)
The Web Standards Curriculum - Dev.Opera
W3C Web Performance Working Group
Google: HTML, CSS, and Javascript from the Ground Up
SitePoint CSS Reference
Doc Center | Mozilla Developer Network
W3Help - 标准 - W3C 标准
Web Hypertext Application Technology Working Group
w3ctech知识平台
Index of /html5(W3C 规范)
HtmlDrive(很多炫酷技术)
HTML5 Chinese Wiki
HTML5中国
HTML Lint
HTML5研究小组
[ES Wiki]
JavaScript Technology Trends
CommonJS: JavaScript Standard Library
YUI Theater(各种讲座)
Yahoo! Smush.it™(在线图片优化)
Browserscope(浏览器兼容性测试)
Watching Websites(网站观察)
HTML5 ADVENTURE CALENDAR(24天学习)
Safari Technology Demos
API Directory(API列表)
Web - Dev.Opera
Safari Technology Demos

Boot

Bootstrap, from Twitter(前端toolkit)
Bootswatch: Free themes for Twitter Bootstrap(各种boot 集合)
StyleBootstrap.info

HTML5

Mozilla Hacks – the Web developer blog

html5 tools

HTML5 & CSS3 Support, Web Design Tools & Support - FindMeByIP - CSS3 & HTML5 Browser Support

detect

Comparison of layout engines (HTML5) - Wikipedia, the free encyclopedia
The HTML5 test(测试浏览器对HTML5的支持程度)

HTML5 - Information and samples for HTML5 and related APIs - robertnyman.com

demo

HTML5 Video
HTML5 – Web SQL Database – duanxin.me
我的日记本
拖拽本地图片到页面指定元素内
HTML5 Presentation(slider)
Canvas Demos
Sketchpad -(HTML5画板)
在canvas 2D API下实现3D效果
HTML5games
HTML5 Canvas Path Mouseover Tutorial
5List -The Free HTML5 to-do list.
deviantART muro
- jsFiddle demo by meteoric_cry
S.Anim Demo
A Simple TODO list using HTML5 IndexedDB
HTML5之IndexedDB使用详解 - JavaScript - web - ITeye论坛
Test
Multi-Level Backbone Image Gallery
Infinite Mario - HTML5(超级玛丽)
Modern HTML Presentations
狙击野鸭:一个HTML5 + JavaScript游戏

炫酷应用

HTML5 Application,HTML5应用_HTML5研究小组_致力于HTML5在中国的发展与应用_HTML5教程_HTML5资源_HTML5游戏
RGraph: HTML5 canvas graph library
Popcorn.js | The HTML5 Media Framework
Jo HTML5 Mobile App Framework
html5 游戏 -by 06wj
Aloha Editor - HTML5 WYSIWYG Editor
Create offline Web applications on mobile devices with HTML5
HTML5 Desktop Notification Tutorial (webkit 桌面通知)
HTML5 Rocks - Using the Notifications API
bomomo
html5games.com/2010/04/etchaphysics/
Ball Pool
Liquid Particles - spielzeugz.de canvas experiment
Andrew Hoyer | The Cloth Simulation
Feedtank| html 5 canvas test
Canvas3D & Flickr
CanvasMol
HTML5 and haXe: A Series of Instructive Experiments | Web Builder Zone
o-path - open source path like app(phonegap加html5实现的项目)
方糖气球 » Blog Archive » 如何用HTML5+PhoneGap写个Path出来?
Football tracker | lusob.com
Photo Editors Created in HTML5
The Restart Page - Free unlimited rebooting experience from vintage operating systems
inTacto 10 Years
Cut the Rope
Collaborative Fund
Draw a Stickman
How to make a 3D sphere with HTML5 Canvas - by Guido D'Albore

canvas

Website wireframes: Mockingbird
Box2DJS - Physics Engine for JavaScript
如何学习Three.JS 3D引擎 - WebGL专栏 - CSDN博客
HTML5 Canvas Tutorials
excanvas.js (兼容多浏览器的canvas)
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
colorhook/JPE(物理游戏api)
RIAidea – Focus on Flash/Flex/AIR
Improving HTML5 Canvas Performance
jCanvaScript
gee.js
html2canvas - screenshots with JavaScript
Paper.js (canvas 动画)
BAROQUE.ME
Cartagen
RGraph: HTML5 Javascript charts library

web storage

基于 HTML5 中的 Web SQL Database 来构建应用程序
HTML 5 Web SQL Database
Indexed Database API
HTML5之IndexedDB使用详解 - rainsilence - ITeye技术网站
Simple JavaScript Applications with CouchDB
Apache CouchDB: Introduction

media

MediaFront | Open Source Media(video,audio,flash,支持所有的浏览器)
HTML5 video and audio (兼容多浏览器)
HTML5 Video with SRT Subtitles
FFmpeg(html5 视屏转换工具)
HTML5 视频简介
HTML5 Video Player | VideoJS
The Media Capture API
4.8.6 The video element — HTML5
easyhtml5video.com(视频转换工具)
Automating HTML5 video encodes
HTML5 Player Comparison - HTML5 Video
HTML5 Video Player Comparison
关于HTML5——视频和音频_叶浩
Playr | HTML5 <video> player
WebVTT

Dom Level 2 Events
HTML5Labs - Home
HTML 5 canvas —— 基本语法 | Opera 中国
HTML 5 参考手册
The WebSocket protocol(websocket规范)
hcard
HTML5 Boilerplate -(兼容多浏览器的库)
Adobe Flash FLA to HTML (adobe转flash到html)
HTML5 Doctor(compatable all browser html5 lib,just beta version)
The Ultimate HTML5 (有用的HTML5技术)
HTML 5和JavaScript实验
HTML5 Peeks, Pokes and Pointers
HTML5 Rocks - A resource for open web HTML5 developers
Firefox 4: An early walk-through of IndexedDB
IBM developerWorks 中国 : HTML5 专题
excanvas.js (兼容多浏览器的canvas)
52framework - The framework from the future, HTML5, CSS3, and more!
Periodic Table of the Elements(html5元素列表)
分享31个非常有用的 HTML5 教程
Developing Multiplayer HTML5 Games with Node.js | Boris Smus

issue

HTML5 video issues on the iPad and how to solve them | Blog | Miller Medeiros

Adobe

HTML5 and CSS3 development | Adobe Developer Connection

SVG

Playing with SVG Design
SVG-edit

相关库

html5lib - Library for working with HTML documents - Google Project Hosting
Webkit源码

Maqetta(可视化的html设计)
10个简化HTML5编码的在线工具
HTML5 Doctor
Code Standards | Isobar(前端开发最佳编程实践)
GameSalad(apple 游戏开发框架)
专题:HTML 5 下一代Web开发标准详解_51CTO.COM - 技术成就梦想 - 中国领先的IT技术网站

html5 articles

Saving images and files in localStorage ✩ Mozilla Hacks – the Web developer blog
为 Web 开发者准备的 20 个有用的 HTML5 教程 - 开源中国社区
Misdirection | Infrequently Noted
HTML5: Top 10 CSS3 Animations
HTML5 Unleashed: Tips, Tricks and Techniques | W3Avenue
Native Fullscreen JavaScript API (plus jQuery plugin) | John Dyer's Code
HTML5 differences from HTML4

PaymentOne(一直支持html5的支付网关‘)

webgl

Quake 3 WebGL Demo
"Fluid Simulation with Turing Patterns" by Felix Woitzel

HTML5 Elements Quiz

JS

js经典的项目

tmpvar/jsdom - GitHub
SeaJS - 海纳百川,有容乃大。
13个经典JavaScript游戏源码
DailyJS: Computer Science in JavaScript
ded/klass - GitHub
RequireJS
List.js - Examples of how to use the script
SyntaxHighlighter
zjhiphop/satisfy - GitHub
validate.js
AliceJS(利用硬件加速实现CSS效果)
d3.js(svg展现数据到dom中)
grumble(tooltip插件)
Moment.js(日期处理)
Message library
Slider.js: Slideshow with jQuery, CSS Transitions and Canvas
Gmail-like 表单
使用纯JS解析H.264
chainvas(对js添加链式调用的支持)
HTML & CSS Comparison tables(使用htm+table将比较的对象列举)
beautiful drapdownlist(定制的select,js禁用支持)
Recurly.js(可定制的html表单)
The Heads-Up Grid(用于网格布局)
SugarSkull(轻量级路由工具,替代backbone)
LungoJS(构建语义化的HTML、CSS)
NWMatcher - CSS3 Selector and Matcher(不使用xpath匹配dom)
JesCov - JavaScript code coverage
Visual Event (可视化的查看页面dom元素事件)
jondot/webnull(用于压力测试)
UILayer(用于实现多个ui动画层)
markbao/speakeasy(生成密匙并用于验证)
Timeline.js(简单的现代浏览器动画实现)
View.js — jQuery photo viewer for the web
Patternizer (可视化的canvas条纹设计)
rudenoise/selfDoc.js(JS文档)
JavaScript to reduce page loading times(通过减少图片的请求减少页面load时间)
DBi (封装websql的操作)
ianso/scriptus(使用js环境于社交网络交互,如twitter)
badassjs.com(VP8和webbm转换工具)
Breakpoints.js(js定义断点)
Traffic Cop(轻量的自定义view template引擎)
Humane JS(自定义notifation系统)
Keyboard(键盘按键处理)
Lawnchair: Simple JSON Storage
Flod / FlodPro | Photon Storm(A Tracker Music Player in JavaScript)
Client-Side JavaScript Audio Waveform Visualizer - Gun.io
nanoScroller.js(lion style 的滚动条)
Handlebars.js: (微模板)
JavaScript to reduce page loading times(通过减少图片的请求减少页面load时间)
Snack API Documentation(轻量js库)
BuzaMoto JSTapGestureRecognizer
devongovett/import(coffee中的import语法糖)
A JavaScript toolkit for creating interactive time series graphs
Hogan.js(twwiter 模板引擎)
audiolib.js(音频处理)
ecto/duino(模拟电子设备)
reveal.js(演示文稿)
URI.js - URLs in Javascript
fent/randexp.js (随机生成符合正则的字符串)
impress.js(非常酷的html slide)
syze(js实现媒体序列)
Color Thief(获取图像中包含的颜色)
visitor.js: Real-Time Visitor Information in JavaScript
chjj/marked(markdown解析器)
Veneer(模式对话框)
Gitview(一个查看git项目库的工具)
jlecomte/smasher (js敏捷开发)
Leaflet (开源的JS交互地图)
Paladin(3D游戏开发)
Xb (一个减少poll的方法,提高性能)
Protovis(虚拟化技术)
IvanK Lib(like flash,but faster)
bunkat/later(定义日程安排和索引)
kibo:一个处理键盘事件的Javascript工具库
stream.js — streams in javascript
zip.js
heatmap.js | HTML5 Canvas Heatmap Library
FitText(将文本根据父元素缩放)

ECMAScript
DailyJS(每日必看js)
JavaScript syntax - Wikipedia, the free encyclopedia
cloudgamer - 博客园
Script Tutorials
高效 JavaScript
SWFAddress (Deep linking 工具)
你可能不知道的10个JavaScript小技巧 - CSDN Java频道
Douglas Crockford's Javascript(JS大牛)
swfobject -(嵌入flash的js库)
HTML5 Audio and JavaScript Control
JS Memory Leaks
Mouse wheel programming in JavaScript
Ajax/JavaScript脚本大全,Web Open Source Resources
document.evaluate(使用xpath来查找节点)
Managing Projects from the Command Line | Android Developers
IEEE 754浮点标准
浅析Javascript原型继承 - Focus on NT - CSDN博客
SWFObject 2 HTML and JavaScript generator v1.2
Comet:基于 HTTP 长连接的“服务器推”技术
JavaScript 工作线程实现方式
JavaScript 学习资源推荐
JSMIN, The JavaScript Minifier

JS Loader

Javascript loaders - Google Docs(流行的JS loader)
Google Libraries API - Google Code
Let's make the web faster - Google Code
yepnope.js (轻量的条件加载器)
LABjs Script Loader(非常快速的js加载器)
chriso/load.js - GitHub
olark/lightningjs - GitHub
headjs.com/#theory
ControlJS(解决js加载的性能问题)
For Your Script Loading Needs | Nettuts+
Script Junkie | LABjs & RequireJS: Loading JavaScript Resources the Fun Way

coffee

10个让朋友对你刮目相看的CoffeeScript单行代码绝技
The Little Book on CoffeeScript
Smooth CoffeeScript
aganwald/homoiconic(高效)
The Problem with Implicit Scoping in CoffeeScript | Armin Ronacher's Thoughts and Writings
scoping in CoffeeScript
Code School - CoffeeScript
Interactive Smooth CoffeeScript
Understanding CoffeeScript Comprehensions
nathansobo/space-pen(轻量模板引擎)

新兴js框架

JavaScriptMVC
SproutCore Guides
16 popular javascript frameworks
EJS - JavaScript Templates(基于javascript mvc)
Knockout : Introduction(MVVM)
Agility.js Javascript MVC library

轻框架

Ender.js - The open submodule library
CoffeeScript

MVC应用网站

豆瓣说
豆瓣阿尔法城小组
湖畔社区
To-Do Application

Modernizr(兼容多浏览器的HTML5框架)
Ember.js (SP2 MVC框架)
qooxdoo (RIA 框架)

测试

QUnit - jQuery JavaScript Library
Concat Benchmarks Test #1(并行加载的bench mark测试)
Cuzillion
JavaScript template(js模板速度对比)
slickspeed - css selectors test suite for javascript frameworks
test - Ringo master - RingoJS
Sinon.JS - Versatile standalone test spies, stubs and mocks for JavaScript
tobie/Evidence - GitHub
Insanely fast, headless full-stack testing using Node.js

JS beautiful

mishoo/UglifyJS - GitHub(美化nodejs)
/packer/(在不支持gzip和网速较慢的情况下使用)
minify - Combines, minifies, and caches JavaScript and CSS files on demand to speed up page loads
Closure Compiler - Google Code
YUI Compressor(结合gzip使用可以得到较高的压缩率)
在服务端合并和压缩
jsmake-preprocessor(js编译和发布 持续集成)
JSMIN, The JavaScript Minifier
使用 JSLint 保证 JavaScript 代码质量

JS历史版本

https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.7 is not available
https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.7 is not available

JS深入研究

qomo - Revision 61: /qobean
QoBean技术文档
前端要给力之:原子,与原子联结的友类、友函数_知识库_博客园
Byte-saving Techniques (js代码节省技术)
Gist(各种js技巧)
loggly/loggly-castor(JS记录日志)
YUI 2: Profiler(JS性能分析)
beacon.js(轻量级推数据到server)
dynaTrace Ajax版使用指南[译]
ShareJS Examples(协同编程)
Delicious.com - Discover Yourself!
TodoMVC(各种MVC框架TODO)
JS/CC Parser Generator
andreasgal/dom.js(html5 dom接口兼容的js定义)
js 非决定性图灵机的实现
punycode.js - GitHub
Esprima(js解析器)
Give your eval a name with //@ sourceURL
密码学
mherkender/lua.js(使用lua写js)
Understanding JavaScript OOP
Writing Quality Third-Party JS - Part 1: The First Rule
jterrace/js.js - GitHub(js编译器实现)
JavaScript(编码问题探讨)
Strict mode - MDN

游戏

Katamari Hack
JS 游戏
Js动画特效
Tankworld - News

付费

Impact - HTML5 Canvas & JavaScript Game Engine

List of JS Game Engines
Game Engines - GitHub
JPE DEMO - by 06wj(物理游戏‘)

一个js demo(使用最小的代码量)

JS1k, home of the 1k Javascript demo contest
JS1K
Ben Alman » Organ1k, my JS1k contest entry

Draw a Stickman

JS lib

Raphaël—JavaScript Library(must see)
vice-versa( a philosophy rather than a library)
jqcanvas - Jquery Canvas plugin
/ - meizz - (javascript 代码模块参考)
Phantom Limb(模拟touch设备的js)
PhantomJS: Headless WebKit with JavaScript API
ariya/phantomjs (基于webkit的工具js,eg:转化svg to png)
13 JavaScript Frameworks That Can Make You a Better Web Developer | Web development blog, news and reviews - Developer Drive
JxLib(motools UI 库)
Morris.js (漂亮的图表)

ECMA Script5

InfoQ: ECMAScript 5 released
John Resig - ECMAScript 5 Objects and Properties
Mark Caudill, a ninja in waiting » JavaScript New Features (EcmaScript 5)
Ecma script5 数据类型
Welcome to Ecma International
John Resig - ECMAScript 5 Objects and Properties
John Resig - ECMAScript 5 Strict Mode, JSON, and More
ECMAScript 5 compatibility table
Introducing ECMAScript 5.1 - Dev.Opera
Annotated ES5

老赵

标签:Jscex - 老赵点滴 - 追求编程之美
jscex 原理探析

Google JavaScript Style Guide
Scope in JavaScript( this 在javascript中是个什么东西?)
underscore.coffee
Backbone.js

high performance

Efficient Script Yielding(仅IE10支持)
10 Web workers — Web Applications 1.0
Asynchronous Programming in JavaScript with “Promises” - IEBlog - Site Home - MSDN Blogs
Script Junkie | (pre)Maturely Optimize Your JavaScript
Efficient JavaScript - Dev.Opera
Performance Calendar » Lazy evaluation of CommonJS modules
Performance Calendar » 2011
jQuery性能优化的28个建议 - 博客 - 伯乐在线
Using Microsoft Ajax Minifier Tool to Minify JavaScript Files - CodeGuru

JS好的文章

Organizing Your Backbone.js Application With Modules – Organizing Your Backbone.js Application With Modules – Bocoup Web Log
Scalable JavaScript Design Patterns
Patterns For Large-Scale JavaScript Application Architecture
Ben Alman » Immediately-Invoked Function Expression (IIFE)
Node.js 究竟是什么?
Truthy & Falsey – James Padolsey
在线本地调试大观 « 岁月如歌
Backbone.js vs Spine.js对比
Knockout.js vs Backbone.js对比
Dean Edwards: addEvent()
Building interactive web apps with SproutCore | Minified
Quick Tip: Get Gravatar Images from Emails with JavaScript
Knockout.js vs Backbone.js对比
ECMA-262 » ECMA-262-3 in detail. Chapter 7.1. OOP: The general theory.
The Javascript Guide to Objects, Functions, Closures and Scope : Hangar, Runway 7
javascript eval considered crazy – wingolog
2012/01/captain-obvious-on-javascript.md at master from raganwald/homoiconic - GitHub
An Object is not a Hash | Guillermo Rauch's Devthought
Slicing arguments · dropshado.ws
js和css的顺序关系
又说 动态加载 script. ie 下 script Element 的 readyState状态 - Franky - 博客园
IE9的特性变化,(收集贴) - Franky - 博客园
Access to global object in ES3, ES5 and ES5-strict · jsPerf
Organizing your application using Modules (require.js) - Backbone.js Tutorials
从 RequireJS 到 SeaJS - Web前端技术 AJAX和RIA - 开发者社区
Javascript, node.js and for loops « Mixu's tech blog
JavaScript: Warts and workarounds
LiveValidation - Examples

refactor

www.cs.ucla.edu/~todd/research/oopsla11.pdf
Perfection kills » Refactoring Javascript with kratko.js
How do you refactor JavaScript, HTML, CSS, etc? - Stack Overflow

远程调试

weinre - Home
lexanderA
lexandera/Aardwolf - GitHub

移动设备

iScroll(移动设备上滚动条的控制)
jQuery Mobile: Demos and Documentation

UI

BuildMobile » Mobile Web Development, Android, iOS, Windows Phone and More.
Mobile UI Patterns | UI that I Heart

Touching the Mobile Web [Interact]
Mobl——用于创建HTML移动应用程序的新DSL - 开源中国社区
Porting from jQuery to Zepto(一些对zeptp的补充)
zepto.js (类jquery的移动设备微小库)

Sugarless - A Functional & Context Oriented way to write JavaScript

ecma 6

Brendan Eich - Proxies are Awesome! - JSConf.eu ☠ 2010
Harmony Of My Dreams | Brendan Eich
ECMAScript Harmony

JavaScript 开发工具包

1k

Román Cortés » 1k Rose

架构

traits.js - Traits for Javascript
kriszyp/compose

CSS

CSS hack - W3Help
CSS Selector Test
CurvyCorners - Beautiful rounded corners for your HTML boxes
Minify CSS - Compress CSS Code

w3c

Box model
The CSSOM View Module - QuirksBlog
CSSOM View Module
Selectors Level 4
CSS Values and Units Module Level 3

Layout

css 栅格布局
译:用负边距来实现流布局
Less Framework 4(媒体布局)
960 Grid System(960px布局)
960 Gridder - Lay out websites with ease.
24 ways: Make Your Mockup in Markup(使用markup来模拟布局)
960 Grid System — Demo
Fixed vs. Fluid vs. Elastic Layout(固定、流体还是弹性布局?)

动态流体

8个神奇的网页动态流体布局及其做法揭秘 | 互联网的那点事
Basic single-column · jQuery Masonry
jQuery Quicksand plugin
Isotope

27款经典的CSS框
Baseline - a designer framework by ProjetUrbain.com
25 Jaw Dropping Login Panels for Inspiration(各种login)
10个帮助网页设计师
Golden Grid System(响应性设计)
24款线框图相关工具及资源大放送
Free toolbar icons
Subtle Patterns (高质量的设计模板)
Table Of Contents - YAML | Examples
Bootstrap, from Twitter
jQuery UI Bootstrap
译:用负边距来实现流布局
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

WebFONT

cufón - (web font)
sIFR(web flash font)
使用 Cufon 渲染网页字体
Google Web Fonts
Fonts2u.com

CSS3

Using CSS3 Transitions, Transforms and Animation
CSS3 Techniques You Should Know
Microsoft Webdev » Blog Archive » 47个惊人的CSS3动画演示
图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas) - cloudgamer - 博客园
CSS3 (css3讲解)
CSS3 Please! The Cross-Browser CSS3 Rule Generator

3D

3D Transforms
Google Images Box - CSS 3D example
CSS3 Image Gallery with a 3D Lightbox Animation

Check Browser Test (各个平台各个浏览器兼容性测试)
CSS3 PIE: CSS3 decorations for IE(兼容IE的css3)
welcome // CSS3 Playground
CSS3 . Info - All you ever needed to know about CSS3
47 Amazing CSS3 Animation Demos

css新奇玩法

动态css
用hCard添加手机联系人
乱七八糟形态各异的非主流常用字符
Just another awesome CSS3 buttons – Red Team Design
面向对象的css
The Shapes of CSS
Object-oriented CSS
[译]如何“打败”CAP定理 | Fang Jian's Personal Blog
Google Plus Style Animations with Jquery and CSS3
Fun with CSS3 Transitions – Create Super Cool Text Effect using CSS3 and Lettering.js | webexpedition18
HTML5 Sticky Footer(粘性footer)
Animate.css - a bunch of plug-and-play CSS animations
纯css3不用图片布局
Animatable: One property, two values, endless possiblities

framework

The Minimum Page Project
Normalize.css: Make browsers render all elements more consistently.
36 个 CSS 框架推荐
Foundation: Rapid Prototyping and Building Framework from ZURB
Compass Home(非常好的开源框架)
52framework - The framework from the future, HTML5, CSS3, and more!
Frame : CSS Framework of the Future

工具

CSS3 tools | Lea Verou
CSS3 tools

创意&设计

24 个专业的 Web和移动应用设计草图 - 开源中国社区
BeerCamp at SXSW 2011
推荐给 iOS 设计师的工具和资源 - 博客 - 伯乐在线

样式表贴图定位(CSS Sprites):图像切片的死亡之吻 - (x)HTML&CSS - Roc's blog
CSS压缩全集
Welcome - hasLayout.net by Zoffix Znet
/* Position Is Everything */ — Modern browser bugs explained in detail!
Photo editor online / free image editing direct in your browser - Pixlr.com
20个新鲜的Web应用
CSS Portal - Templates, Tutorials, Books, Software, Code Examples
CSS tutorial(非常棒的css介绍教程)
11 Highly Useful Google Cheat Sheets To Download | Techno Tab
CSS Compatibility(IE css 兼容列表)
Writing Efficient CSS for use in the Mozilla UI - MDN
Automated tests for your CSS
(CSS) Snapshot 2010

素材

Icon Search Engine | Iconfinder
素材列表-视觉中国下吧
12组免费的CSS3 按钮
站酷(ZCOOL) - 设计师互动平台 - 交流设计.分享快乐
Interface Libraries 3: Wireframe Like a Professional - UX Movement
Free Website Templates

10 款非常棒的CSS代码格式化工具推荐 - 开源中国社区
WEB前端开发- 专注前端开发,关注用户体验

css articles

CSS3 Unleashed: Tips, Tricks and Techniques | W3Avenue

CSS Replacement

mezzoblue § Testing Grounds
Nine Techniques for CSS Image Replacement | CSS-Tricks

CSS3 Secrets slide

沙箱

Microsoft WebSandbox Technology Preview
google-caja - A source-to-source translator for securing Javascript-based web content - Google Project Hosting
ADsafe
http://developers.facebook.com/docs/fbjs/

UED

支付宝 UED 官方网站
百度泛用户体验
盛大游戏UED 专注用户体验,改变生活,让互动娱乐更精彩
UED TEAM
ISD Webteam
搜狐UED
Taobao.com UED Team: 淘宝网用户体验团队博客,有关用户体验设计和研究的经验分享。
腾讯CDC
携程UED菁华
前端架构 « 人人网FED Team
淘宝核心系统团队博客
UCD大社区 - 以用户为中心的设计
网易用户体验设计中心

UI交互式设计模式

模式

Designing Interfaces, Second Edition
Welie.com - Patterns in Interaction Design
Yahoo! Design Pattern Library

组件

nathancurtis.com
EightShapes Unify :: Users Guide

框架

50 个免费UI和Web设计框架工具和源文件贡献 - UI乐园 - 博客大巴
Web Anatomy

示例框架网站

注册框架

Web Design Principles | Web Design Library
User Interface Engineering - Usability Research, Training, and Events - UIE
Adaptive Path
Chiara Ogan .com(高级用户体验设计师)
Rolf Molich(设计大师)
Web Anatomy: Introducing Interaction Design Frameworks
Distributed Experiences: Multi-Device Design | Punchcut(响应性设计)

语音识别

WAMI Sandbox
SpeechAPI Home
Text to Speech | TTS SDK | Speech Recognition (ASR)
Nuance - Home

JQuery

用到的Jquery插件

Home - GitHub
iScroll
jquery.iviewer test
jScrollPane - cross browser styleable scrollbars with jQuery and CSS
jPlayer : HTML5 Audio & Video for jQuery
Announcing BeautyTips, a jQuery Tooltip Plugin | Lullabot
Easy Slider 1.7
The 12 best jQuery image sliders
25 Cool jQuery Tooltip Plugins
jDropDown - dropdown list / combobox for HTML | jQuery Plugins
jQuery Picture Gallery Plugin
jquery.mentionsInput(@输入后提示msg)
Excellent and Useful jQuery Plugins | webexpedition18
Flow Slider - Home - Flow Slider - jQuery plugin
jQuery Geo
Animated Text and Icon Menu with jQuery
arbor.js(canvas 虚拟化图形)
html fractions
Waypoints(无限滚动条)
Full Screen Background Slideshow jQuery Plugin
Masonry (flip-side)
jVectorMap(矢量地图)
HTML5 placeholder jQuery Plugin
jQuery-inlog(调试jauery的工具)
Making a jQuery Countdown Timer
FeedEk jQuery RSS/ATOM Feed Plugin
25 Cool jQuery Tooltip Plugins
Password strength verification with jQuery
jmpress.js(canvas)
scrollorama(非常酷的scroll)
natrixnatrix89(提供统一风格的list)
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
turn.js - The page flip effect for HTML5
jQuery HTML5 Fullscreen Slideshow / Gallery
jQuery Scrollbar

扩展研究

Ben Alman » jQuery special events
Plugins | jQuery Plugins
jScrollPane - basic examples
jTemplates Reference - Index
自定义jQuery drop事件
Metadata 2.0 | jQuery Plugins
插件规范
Pub/Sub with jQuery 1.7 and jQuery UI(观察者模式)
Using jQuery’s .pushStack() for reusable DOM traversing methods » Learning jQuery - Tips, Techniques, Tutorials
一些流行的jquery插件

mobile

Building a jQuery Mobile Application, Part 1
jqMobi(html5实现)
tomlongo/Flickable.js - GitHub
jQuery Mobile Cookbook

bugs

亚当学院 - Powered by PHPWind
jQuery技巧总结 - 网页制作 - 蓝色理想
jQuery中文入门教程_译自Getting Started with jQuery
JavaScript分享网 - jQuery插件:jQueryRotate 图片旋转插件
jQuery and Google Maps
jqPlot Charts and Graphs
jQuery - YUI3 Rosetta Stone(Jquery 和 YUI 对比)
jQuery Fundamentals(在线学习demo)
20+ 个很棒的 jQuery 文件上传插件
Using jQuery .on() and .off() – AndiSmith.com
Creating jQuery Plugins | Re-Cycled Air
The 50 Most Useful jQuery Plugins from 2011
Circle Menu
jQuery and Google Maps
22 Most Popular jQuery Plugins of 2011
Custom Events are Pretty Cool | CSS-Tricks
What You May Not Know About jQuery
jQuery's Best Friends
jQuery最佳实践
Web开发人员必备的20款超赞的jQuery插件 - CSDN.NET - CSDN软件研发频道
Web Dev .NET: Find the jQuery Bug

jquery 哲学

From jQuery to JavaScript: A Reference | Nettuts+

YUI

YUI 2: Dependency Configurator
YUI Library(雅虎YUI)
Best Practices for Speeding Up Your Web Site

有用的文章

Empty image src can destroy your site | NCZOnline
使用X-UA-Compatible来设置IE8兼容模式 - Libra - 博客园
HTML5设计原理
Building a single page app with Backbone.js, underscore.js and jQuery | &yet | the blog
About Conditional Comments(IE条件注释)
10个奇幻的HTML5和Javascript效果
Properly Using CSS and JavaScript in XHTML Documents
The Web (很有深度的web文章)
WEB、前端、JavaScript、PHP(很多好文章)
http://www.json.org/json2.js
JS相关文章
A fresh look at JavaScript Mixins
防护性WEB设计入门指南 | 互联网的那点事
网站性能 - ajian - 博客园
OAuth Community Site
在 Mozilla UI 中书写高效率 CSS | CSS | 前端观察
前端要给力之:代码可以有多烂? - JavaScript & VBScript & DHTML 脚本技术讨论版 - 无忧脚本 -//体验编写HTML代码的乐趣 - 51JS.COM
InfoQ: 使用ETags减少Web应用带宽和负载
2011 Top 100(美国2011 top100 创新公司 )
程序员技术练级攻略
CSS-Styled Lists— Best Practices
Using Inheritance Patterns to Organize Large jQuery Applications « AlexSexton.com
ProgrammableWeb - Mashups, APIs, and the Web as Platform
Web前端研发工程师编程能力飞升之路 - 51CTO.COM
DUI.Stream and MXHR | Digg About
Javascript动态创建 style 节点-CSS技术文档 - diybl
Google’s amazing JavaScript?(comet)
软件版本常识和软件版本号命名规则
探索 CouchDB
CSS项目Minimum Page简单介绍 « 张鑫旭-鑫空间-鑫生活
RESTeasy: Test any API in node.js - blog.nodejitsu.com - scaling node.js applications one callback at a time.
探讨前端代码Review
John Resig - Simple JavaScript Inheritance
iphone - HTML 5 / QuickTime audio caching in Safari on iOS - Stack Overflow
什么是Node?
A Farewell to CSS3 Gradients
InfoQ: JavaScript异步编程的Promise模式
InfoQ: NodeJS的异步编程风格
CSSOM视图模式(CSSOM View Module)相关整理 « 张鑫旭-鑫空间-鑫生活
从微博的改版谈网页重构_IT新闻_博客园
Getting Started with Node.js on The Cloud
DailyJS: PhantomJS, load.js, Phantom Limb, OpenOdyssey
13 jQuery Visual Effects Tutorials That Can Help You More Effectively - smashinghub.com
rem | 重构模式
如何更高效的制作可通用的HTML页面_知识库_博客园
如何书写高性能的css(原题:优化浏览器渲染) - 枫叶绿了 - 博客园
peter.michaux.ca - Lazy Function Definition Pattern
Efficient Encapsulation of JavaScript Objects
11 proven practices for more effective, efficient peer code review
[翻譯]Git 與 Mercurial 的分析 | TWPUG::Kiang
WebKit内核源代码分析
requestAnimationFrame | 宅居
2010 Web前端技术趋势及总结 - Pandora - 博客园
50个带给你灵感的基于文字的创新Logo设计
20个实用的CSS技巧代码
阿里巴巴中文站架构设计实践
JS Security With Untrusted Code - macwright.org
7项Web开发者需要了解的新技术 - Web开发 - 软件研发频道 - CSDN.NET
Javascript面向对象编程(二):构造函数的继承 - 阮一峰的网络日志
jQuery最佳实践 - 阮一峰的网络日志
jQuery的deferred对象详解 - 阮一峰的网络日志
NPOI简介 (一个能帮助你直接读写office文件流的库)
Software Support(一些有用的解决方案)
[内销转出口]寻找最好的JavaScript面向对象模式和封装结构 | YY in Limbo 混沌海狂想
一些文章和各种资源
云平台服务商一览 - 阮一峰的网络日志
关于URL编码 - 阮一峰的网络日志
“Native vs Web” Is Total Bullshit | Brad Frost Web

资源网站

教育 - 计算机 - ED2000 资源分享
UI界面设计工具、资源及网
用户界面图标(漂亮的图标)
Free eBooks(电子书下载)
Head First Labs from O'Reilly Media, Inc.
.NET Controls, Reporting, ORM, Visual Studio Tools | DevExpress
《网站重构与Web标准设计视频教程》
List of freely available programming books
帕兰映像(一个不错的资源网站)
16款为Web开发者准备的Chrome实用扩展推荐 - 开源中国社区

WebGL

Learning WebGL
webGL(浏览器无插件3D)
WebGL 测试
FishIE Tank(2D加速渲染)
Html5 WebGL资源分享_HTML5研究小组_HTML5教程_HTML5资源_HTML5游戏
WebGL效果展示–3D浏览器时代即将到来_x乐天-WEB开发_百度空间
HiWebGL | 最好的HTML5 WebGL中文资讯站!
3d_audio - PlayCanvas
tQuery - extensions for three.js

网站注册申请

Justhost空间指南
域名注册,域名申请,国际域名,国内域名,cn域名注册-品络互联
自助建站-Tap.cn
Heroku | Ruby Cloud Platform as a Service

浏览器深入

WebKit
Trident (排版引擎) - 维基百科,自由的百科全书
Safari Developer Library(用户体验,css3,html5)

plugin编写

非IE

NPAPI 插件 编程起步 | Geeklu

Chrome

chromeexperiments
对Web设计和开发人员有用的15个Chrome插件
Chrome扩展开发论坛

IE

官方动态

Internet Explorer 9 HTML5, CSS3, Compatibility, and More | MSDN
Internet Explorer 10 Platform Preview
IE9’s Document Modes and JavaScript - IEBlog - Site Home - MSDN Blogs

IE6

Welcome - hasLayout.net by Zoffix Znet
/* Position Is Everything */ — Modern browser bugs explained in detail!
IE6对多个CSS样式的解析
Fix Runtime Errors in Internet Explorer
ie6下的js调试工具companion.js

Default Behaviors Reference
Behaviors (HTC 的使用)
IE6 develope bar
Custom Tags | The Worm Hole
htc使用心得
Defining Document Compatibility
IE全局变量的Dissociative Identity Disorder(人格分裂症)
IE浏览器渲染模式与文件模式测试网站 - IE浏览器中文网站
浏览器模式与文本模式 - { focus : web } - ITeye技术网站
Browser bugs section(只要看IE的bug)
Understanding the Compatibility View List
@cc_on 语句
MSBuild Command Line Reference

memory leak

JavaScript Memory Leak Detector (v2) - GPDE Team Blog - Site Home - MSDN Blogs
Memory Leakage in Internet Explorer - revisited - CodeProject
Screencast: JavaScript Memory Leaks in the Windows IE Browser
Understanding and Solving Internet Explorer Leak Patterns

IE8

IE8 Bugs
James Hopkins » IE8 Bugs

userData Behavior (A, ABBR, ACRONYM, …)(离线存贮)
IE编程, 浏览器开发, HTML5 - CSDN博客

FireFox

Canvas tutorial - MDC Doc Center
Mozilla Projects

safari

WebKitAnimationEvent Class Reference
苹果开发者联盟 - Safari 开发中心

Opera

Opera's Developer Relations Team - New Web Standards support in Opera 11.10 beta
Opera's Developer Relations Team - Web Anywhere: Mobile Optimisation With HTML5, CSS3, JavaScript (Bruce's SxSW talk)
HTML5 canvas - the basics - Dev.Opera

private mode detect

Supporting private browsing mode - MDN
crypto.stanford.edu/~dabo/pubs/papers/privatebrowsing.pdf

规范

oEmbed

Front End 最佳实践
IBM web开发者中心
Mozilla开发者网络 - MDC Doc Center
W3Cfuns前端开发网
Robots.txt 设置
Mozilla Developer Network

rails

Ruby on Rails Tutorial: Learn Rails by Example book and screencasts by Michael Hartl | A Demo App

网上交易

威客-任务中国 领先的专业威客网站
威客中国__中国威客专业网站 - 时间财富网
威客网|软件外包|IT外包|项目外包|软件交易-itcool - ITCOOL
Freelancer.com(国外维克网站)

网络竞赛

新浪微博APP应用平台

百度

百度应用开放平台吧_贴吧
百度应用开放平台

GILD - Word Hunt Coding Challenge Oracle Competition(6.25结束)

威客-猪八戒网,中国最大的威客网站
无线API及开发资源 - 淘宝开放平台 - 开发文档

新技术学习

ASP MVC

博客园ASP.NET MVC 技术专题
MVC - elmah - Using ELMAH with ASP.NET MVC - Project Hosting on Google Code
ASP.NET MVC的全球化方案 - P_Chou Go deep and Keep learning - 博客园
Understanding Controllers, Controller Actions, and Action Results - CS
ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第五篇:MVC整合Ajax - EricZhang's Tech Blog - 博客园

3.0

ASP.NET MVC 3–What’s in it for you? - Jon Galloway

Stepping into ASP.NET MVC

Google技术

Google Megastore分布式存储技术全揭秘 - CSDN 云计算频道
1-Click Web Proxy - 谷歌浏览器扩展程序库
code.google.com/apis/gears/
v8 - V8 JavaScript Engine - Google Project Hosting
Google Web Toolkit
Google I/O 2011
Google 代码实验室 - Google 代码
Google Code University(google 大学)
Google Chrome Frame - Google Code
Gears
chromium - An open-source browser project to help move the web forward. - Google Project Hosting
浏览器内实时语音识别和音频传输
谷奥——探寻谷歌的奥秘
Online Diagram & Flowchart Software - Collaboration Tool | LucidChart
Documents
chromium - An open-source browser project to help move the web forward. - Google Project Hosting
Technical Overview : Dart : Structured web programming

必须的技术

Exceptional Performance
Yahoo! YSlow for Firebug
WordPress Optimization | W3 Total Cache | W3 EDGE | Boston, MA
实时网络监控器
CountryHawk Overview - Download your FREE trial copy of CountryHawk
memcached - a distributed memory object caching system
.NET Framework 4 中的新增功能

云计算

Secure source code hosting and collaborative development - GitHub
GridGain = High Performance Cloud Computing

网站性能分析

Omniture - Wikipedia, the free encyclopedia
Omniture
!!! David-SEM搜索引擎营销

FACE BOOK

HBase - HBase Home
Facebook网站所使用的开源软件一览

百度技术‘

Hypertable: An Open Source, High Performance, Scalable Database

豆瓣使用的技术

MS技术

企业库

patterns & practices – Enterprise Library
Enterprise Library

OWIN — Open Web Interface for .NET
.NET Design Patterns and Architectures in C# and VB | .NET training | DoFactory
Accessible Rich Internet Applications (ARIA) (Internet Explorer)

sqlserver

XQuery –modify() Top-level attribute nodes are not supported Error

系统架构

负载均衡

负载均衡 - Google 学术搜索

多层分布式系统

多层分布式系统 - Google 搜索

CDN

Content delivery network - Wikipedia, the free encyclopedia

P2P

Peer-to-peer - Wikipedia, the free encyclopedia

虚拟化技术

Virtualization - Wikipedia, the free encyclopedia

高性能中间件

Apache Thrift
squaremo/rabbit.js - GitHub(nodejs 消息中间件)

分布式计算

Welcome to Apache™ Hadoop™!
MogileFS(分布式文件系统)

NOSQL

NOSQL Databases
Home - MongoDB
Redis

windows上的应用

RedisWindowsDownload - servicestack - Open Source .NET Framework for rapidly developing REST-full XML, JSON and WCF SOAP web services - Google Project Hosting

NoSQL数据库笔谈
NOSQL Notes « 专注于分布式存储&计算技术及其应用
High Scalability - High Scalability - What the heck are you actually using NoSQL for?

敏捷开发

Scrum Alliance - Transforming the World of Work
Principles behind the Agile Manifesto
Scrum中文网_Scrum培训,Scrum认证,Scrum资料,敏捷开发,敏捷开发社区

移动设备开发

CMDN Android iOS JavaME Symbian html5 WindowsPhone BlackBerry Bada Meego QT - 中国移动应用开发者社区
Safari Client-Side Storage and Offline Applications Programming Guide: HTML 5 Offline Application Cache
Xamarin(使用.net 编写跨手机平台的程序)
iphone/ipad网站开发技巧整理
Web和移动应用开发框架
volojs/create-responsive-template - GitHub
App development for mobile application developers - MDN
Unify Project
Mobile: Don't Break the Web
mobiForge (mobild detect)
CSS Device Adaptation
Kendo Blog Posts > Building Your First Kendo UI Mobile PhoneGap Application
Kendo UI - The Art of Web Development

编程语言

Ruby

Code School - RailsForZombies
Ruby on Rails
Programming Ruby: The Pragmatic Programmer's Guide
Jammit(动态合并并压缩JS和CSS)
Rails 3.1 – A Sneak Preview
专题:Ruby入门教程与技巧大全_51CTO.COM - 技术成就梦想 - 中国领先的IT技术网站
Ruby Programming Language
Open Source Rails
Ruby on Rails
Download Ruby
Speaker Slides & Video: RailsConf 2011 - O'Reilly Conferences, May 16 - 19, 2011, Baltimore, MD!
Bundler: The best way to manage Ruby applications
A Ruby Learning Hub
#277 Mountable Engines - RailsCasts
rubygems's Profile(github上关于gem的资源)
RSpec's documentation(ruby行为测试框架)
Sinatra
RubyGems.org | your community gem host

ruby articles

Ruby开发人员应该熟悉的10个工具 - 博客 - 伯乐在线

Learn Ruby with the EdgeCase Ruby Koans
Ruby迷
rubylearning.org
railscn.com: The Leading Rails Cn Site on the Net
TomDoc 1.0.0-rc1
Ruby-Doc.org: Documenting the Ruby Language

Scala

Programming Scala
Effective Scala

PHP

PHP

PHPnow (PHP套装)
网络编程 / php教程 _ 网站源代码
PHP: Functions - Manual
Main Page - Uniform Server Wiki System
PHP: PHP 手册 - Manual
phpwind 官方论坛 - Powered by phpwind
Online PHP Editor - PHPanywhere.net
PHP - 代码分享 - 开源中国社区

WordPress | China(网站后台)
apache friends - xampp(服务器)
CodeIgniter 中国 - 敏捷 PHP 框架
Let's make the web faster - Google Code
CakePHP: the rapid development php framework. Pages
PHP教程
PHPChina
专题:PHP开发基础入门_51CTO.COM - 技术成就梦想 - 中国领先的IT技术网站

action script

Kenshin's Flex Blog-关注Flex,AS3,AIR,Java,DotNet,Web Design

Lisp

跨越边界: Lisp 之美
GCL - GNU Common Lisp
Welcome to Common-Lisp.net
Quicklisp beta(lisp库管理工具)
Lisp中文网
clozure common lisp命令行运行脚本解决方案 - winterTTr的专栏 - CSDN博客
Common Lisp [Lisp 中文社区维基]
CSDN技术中心 Lisp入门(一)

python

Google's Python Class - Google's Python Class - Google Code
Python best practices
Python 介绍及相关资料 - 发现之旅 - CSDN博客
ActivePython is Python for Windows, Mac, Linux, AIX, HP-UX & Solaris | ActiveState
深入 Python :Dive Into Python 中文版
mfenniak/pyPdf at master - GitHub
How to become a proficient Python programmer | Alain M. Lafon
pynpp - Python Plugins for Notepad++ - Google Project Hosting
《Python编程金典》读书笔记
simple-todo - python.cn(news, jobs)
python.cn(news, jobs)
如何成为Python高手
PUG-PE
Tutorial (web.py)
‪Google Python Class Day 1 Part 1‬‏ - YouTube
Bruce Eckel's MindView, Inc: Thinking in Python
Python Programming Tutorial(入门)
PYnotes
Dive Into Python
Table of contents - Dive Into Python 3
Twisted
modwsgi - Python WSGI adapter module for Apache. - Google Project Hosting
Django | The Web framework for perfectionists with deadlines
The Switch: Python to Node.js | Paul's Journal
Pylesson
Pylesson
专题:Python实用开发指南_51CTO.COM - 技术成就梦想 - 中国领先的IT技术网站
推荐:Python Cheat Sheet - 编程语言 - ITeye资讯
Sthurlow.com - Home

How to Pick a Language

Go

golang-china - Go 语言中文翻译项目 - Google Project Hosting

有趣的研究

11年可能流行的技术

2011 年 IT 行业十大热门技术领域 - 开源中国社区
Quora(兴趣图谱)

Fiddler

Fiddler Web Debugger - Fiddler Session Flags
Language Reference
Fiddler Web Debugger - Script Samples
Fiddler Web Debugger - Fiddler Architecture Information
Controlling Preferences - Fiddler
Fiddler Web Debugger - Extending Fiddler with .NET Code
Fiddler Web Debugger - neXpert

牛人bolg

zibin
ZenCoding.vim
LukeH's WebLog (微软)
NCZOnline(前端专家)
张宴的博客 - Web系统架构与底层研发
Steve Souders - High Performance Web Sites
John Resig - JavaScript Programmer
Nate Koechley(CSS 专家)
Stubbornella(面向对象的css作者)
Wayne's Geek Life - Infinite passion on programming -> Home
Dustin Diaz(javascript 设计模式作者)
Cameron Moll (CSS魔法作者Andy boddy)
meyerweb.com(CSS 牛人 eric)
Color Hook | Focus on web development and RIA
Katz Got Your Tongue?
随网之舞
Tony Qu - 博客园
Teddy's Knowledge Base
{ focus : web }(taobao 承玉)
PlanABC – 怿飞’s Blog(tao bao)
陈成的博客
Blog | Rome Italian Web Designer | Web Designer & Front-end Developer - Alessio Atzeni | Servicing All of Italy Country, USA, and more.
Home – James Padolsey
Screencasts
Perfection kills
Web Directions
It's an all-you-can-leet buffet !
Peter Cooper
Daring Fireball Projects
mjijackson(coffee node)
AlexSexton.com
Oliver Steele’s HTML Avatar
Brendan Eich(js创始人)
AddyOsmani(博主发表了很多好的文章)
Shi Chuan Web Development - Keep it simple, stupid…
Steve Sanderson’s blog - As seen on YouTube™
IT牛人博客聚合 - 发现IT技术最优秀的内容, 寻找IT技术的价值
Ruan YiFeng's Home Page(阮一峰)
断桥残雪部落格_专注前端开发,分享JS、jQuery、PHP、CSS、WEB开发技巧
Сергей Чикуёнок(zencoding作者)
Franky
Robert's (mozilla 牛人)
Dmitry Baranovskiy’s Web Log
John Dyer(Media Element 作者)
Joel on Software
Snook.ca: Tips, Tricks and Bookmarks on Web Development.
Eric Shepherd - Front End Web Developer in Brooklyn, New York
David Walsh - MooTools, Dojo Consultant

cURL

cURL - Manual(可通过命令行下载的工具)
cURL: The curl-users Mailing List

Blog平台

wordpress

WordPress教程网
apache friends - xampp

LonelyThinker | The missing blog platform for geeks

JS&CSS 魔法

140bytes Music SoftSynth | www.p01.org
8-Bit Magic
Fisher–Yates Shuffle
超强俄罗斯方块

篝火机器人

tombell/sooty - GitHub
wjessop/Scamp - GitHub

Chirpy - VS Add In For Handling Js, Css, DotLess, and T4 Files
怎样用C# 搞笑 整人 - .NET技术 / C#
Google URL Shortener
This is my story
CssGaga – 帮助索引 « 99css
在ASP.NET中自动合并小图片并使用CSS Sprite显示出来
eyeOS 2.1 - user zjhiphop
黑帽SEO_百度百科
JavaScript Date 对象 - JavaScript 教程
VS2010 定义和安装建模扩展(power tool)
ASP.NET2.0 加密Web.Config的配置Section
Hacker Typer(黑客的感觉)
Circles, a VS.NET Hack
类似网站搜索-SimilarSiteSearch.com
QQ在线状态
Fontanero. 10k(代码藏于图片中)
MXHR VS Normal
Gurudigger
Jade的minipage
Jade - Never say die!
tangible T4 Editor for VS2008/VS2010
svg-edit - A complete vector graphics editor in the browser(svg编辑器)
bodybrowser.googlelabs.com(webgl 3d人体浏览器)
Ten Brighter Ideas? An Explorable Explanation
The Official YAML Web Site
Generative art and data visualization
Vagrant (快速搭建虚拟环境)
MotionCAPTCHA(有趣的验证码实现)
WooYun.org | 自由平等的漏洞报告平台
Combine CSS with JS and make it into a single download! - My experiments with .Net - Site Home - MSDN Blogs
javaScript实现划词翻译 _ javaScript _ 醉言醉语
Windows的一些系统变量
中国红客联盟-全球最大的红客组织

各大厂商开源

Taobao code open Source(淘宝)
Tangram - 七巧板 百度开源项目
Google 和开放源代码
SNDACode盛大开源
Facebook 开源软件
Xweibo-sina开源
人人网 - 开放平台wiki

用JavaScript编写一个Java虚拟机?谈谈哗众取宠的BicaVM - cping - 博客园
编程方法学_斯坦福大学_全28集_中文字幕更新至第5集_网易公开课_网易视频
Humans TXT: We Are People, Not Machines.
鼠标锁定

实用网站

文档

Compatibility Master Table(多浏览器支持查询)
ORA-number(oracle error code query)
Visual Studio Power Tools
Windows API在线查询和使用
XHTML Character Entity Reference
浏览器兼容列表
正则表达式参考文档(比较全面的正则参考)
端口查询
oracle 练习
jQuery API Browser v1.3
jQuery Forum
Interview Questions for Senior Software Engineers - Scott Hanselman
Best Practices for Speeding Up Your Web Site
HTTP/1.1: Header Field Definitions
IIS 7.0 中的 HTTP 状态代码
欢迎访问 Opera 中文知识库 ! | Opera 中国
HTML Standard
Quix 使用手册 [ 1.0 ] | Lucifr
Coming Home to Vim / 详细的vim文档
空格 (各种版本)
www.data-vocabulary.org
丰富网页摘要(微数据、微格式和 RDFa)
Windows PowerShell SDK
25个Vim教程、视频和资源 - 博客 - 伯乐在线
BlackWasp Software Development(全面的C#开发技术文章)
Category list(一个研究色彩对网站影响的website)
CodePlex - (微软开源项目)
CSDN博客(一些实用的代码)
FontForge(开源font软件)
Instant WordPress(独立安装的wordpress开发环境)
Web Performance Best Practices(网站性能优化最佳指南)
微软一站式示例代码库

工具

140byt.es
Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Online javascript beautifier
JSON Formatter & Validator
JSON 在线 查看器(Online JSON Viewer)
Javascript在线美化
!!!@!!! 60 Effective JavaScript Tools
base64 decode and encode
SurveyMonkey - My Surveys(调查统计)
Dict.CN 在线词典
Unicode – CSS中文字体转编码
ebuddy(在线MSN等即时通讯)
URL Decoder/Encoder
about me
快盘-网络存储|网络硬盘|网络U盘
HTML特殊符号编码对照表 - 在线查询 HTML 编码
ASCII码表——在线ASCII字符转换

W3C在线验证

Browser Sandbox - Run popular web browsers with no installs
无忧在线项目管理(免费,支持scrum管理)
CSS3 Gradient Generator(在线实现渐变)
在线写字板(可以进行各个版本的对比)
Design | moo.com(制作名片)
Validator.nu (X)HTML5 Validator
Jasmine在线测试js
jsdoc(JS文档生成工具)
XMLHttpRequest Caching Tests(ajax 缓存测试)
Spinscape(在线创意图)
Online Mind Mapping - MindV(在线思维导图)
技术趋势查询
Fullscreen Slideshow with HTML5 Audio and jQuery
几大搜索引擎的网站登录入口
jsPerf: JavaScript performance playground(创建在线的js的testcase)
Evernote Web
Google Web Fonts
Flash Settings panel
List of XML and HTML character entity references - Wikipedia, the free encyclopedia
Newest 'backbone.js' Questions - Stack Overflow
Quix(web cmd)
抽奖工具
JSDB: JavaScript for databases
Jasmine: BDD for your JavaScript(js测试工具)
Node.js Tools
Web-based slideshow(各种用来制作webslider的介绍)
html5速查卡
Delicious(可以将自己的网络收藏地址进行管理)
25 Extremely Useful Google Chrome Extensions for Designers and Developers | Design Shack
Processing.js(设计数据虚拟化工具)
Incredibly Useful CSS Snippets(非常有用的css技巧)
Convert Files(各种文件转换)
jQuery解构
WebPagetest (Google页面速度测试服务)
免费的统计网站访问人数
Speaker Deck - Share Presentations without the Mess
andreasgal/pdf.js(使用svg和canvas实现pdf)
Gravatar (头像管理)
PacketiX vpn使用教程
HiFi Regex Tester - Live JavaScript Regular Expression Tester
Loggly | Cloud Logging Service(Nodejs 记录日志、)
280 North - Home(非常酷的浏览器中运行桌面程序,可以用来做web slide)
HTML转PDF
cubic-bezier(在线制作贝塞尔射线)
Patternize(在线制作条纹先)
xdissent(linux上安装IE7、8进行多浏览器测试)
SC.exe使用完全指南
Tf Command-Line Utility Commands
Font Squirrel(eot和ott转换)
UEditor (baidu 所见即所得编辑器)
Dropbox - Files
showoff(html slide 工具 ruby)
Rich Snippets Testing Tool(微数据测试)
Mobile Perf bookmarklet
EightPack(js/css CI tools)
Dashboard - DISQUS
wakanda(all in one front editer)
WorkFlowy - Organize your brain.
JS Bin - Collaborative JavaScript Debugging
timeanddate

git

Git Reference
git-push(1)
Pro Git - Table of Contents
A successful Git branching model » nvie.com
Why Git is Better Than X
Git Community Book 中文版
git(1)
Pro Git - Table of Contents
使用 GitHub Pages 建立博客 - 大头猩猩 - 博客园
使用Github Pages建独立博客 | I'm BeiYuu
GitHub API
Git Immersion - Brought to you by EdgeCase

vbox

win7/vista系统下恢复wubi安装的ubuntu启动项 | 奶牛博客
【全民吃苹果,首发VirtualBOX安装Mac OS X 10.7正式版_可完美升级,无bug】-联想Y470N-IFI(H)论坛-ZOL中关村在线
Windows 8 news - Microsoft Windows
vbox虚拟机安装Windows8方法及注意事项_Windows8之家-Win8之家
修改VirtualBox虚拟机中Mac OS X Lion的系统分辨率 - River's blog
虚拟机 VirtualBox 安装黑苹果 Xcode 简明流程. - YaoTong - 博客园

项目需要

交银

WebWork API - 2.2.7
XWork - XWork - Introduction
DWR - Easy Ajax for JAVA
WebWork - WebWork
Welcome to JUnit.org! | JUnit.org
WebWork深入浅出(作者:钱安川) - GIS - 博客园

WCF

老徐的博客 » Blog Archive » HTTP POST 传递复杂类型 调用Rest WCF
WCF 4.0中的新特性:简化的配置 - WCF Tools中国研发团队的博客 - Site Home - MSDN Blogs
XmlSerializer vs DataContractSerializer: Serialization in Wcf
WCF Tools中国研发团队的博客
WCF Web APIs, HTTP your way | Glenn Block
WCF Community Site - Home
REST 和 WCF 服务介绍
我的WCF之旅(1):创建一个简单的WCF程序 - - 博客园
老徐的博客 » Blog Archive » MSDN WebCast课程(1):欢迎收看《WCF与Ajax开发实践》系列课程

WAP

无线应用通讯协议_百度百科
WML教程专区
WAP Forum Specifications
WAP网站大全 - xo_zhang的日志 - 网易博客
System.Web.UI.MobileControls 命名空间
vs2008开发wap网站(一) - 我为Dotnet狂 - 博客园
Vs2008 开发Wap - 平凡人生的日志 - 网易博客
VS2010如何做WAP开发_百度文库
WAP开发基础知识 - docin.com豆丁网
WAP开发教程 - 《CSDN社区电子杂志——移动开发杂志》官方blog - CSDN博客
小说阅读_起点中文小说网|免费小说,玄幻小说,武侠小说,言情小说,小说网各类小说下载

数据库

Oracle技术

SQL 教程
Oracle Database Error Code: ORA-00000 to ORA-00237

Android

Android - Processing
Android 3.0 Platform | Android Developers
《Android SDK文档中文版》by 东方赛富3G学院
» android Tsung.暴躁
Managing Virtual Devices | Android Developers
2011版传智播客黎活明主讲3G手机Android应用开发+在线支付功能
Android开发 | Android开发网
Windows配置Eclipse IDE和Android SDK 2.1开发环境_技术达人
实用Android开发工具和资源精选 | 酷壳 - CoolShell.cn

版本控制

github

zjhiphop 的档案 - GitHub
我為什么覺得不該買<git版本控制>那本書 - rails - Ruby - ITeye论坛
Tortoisegit-1.6.5.0-64bit.msi - tortoisegit - TortoiseGit-1.6.5.0 64bit - Porting TortoiseSVN to TortoiseGIT - Google Project Hosting
Downloads - msysgit - Git for Windows - Google Project Hosting
Git Community Book 中文版
10篇写给Git初学者的最佳教程 | 帕兰映像

web服务器

IIS7

使用appcmd 快捷管理IIS7
用Appcmd命令快速部署IIS 7_Free House_百度空间
获得有关 Appcmd.exe 的帮助 (IIS 7)
Download the Microsoft Web Platform

Nginx(top100中有超过10%使用)

Emiller's Guide to Nginx Module Development
windows nginx php配置 | 小小子
nginx news
Windows下搭建Nginx+PHP(FastCGI)平台 - 青云`s Blog
Nginx模块开发入门 - EricZhang's Technology Blog - 博客园

项目管理

40个最有影响的项目管理工具 - 开源中国社区
推荐 30 款最好的免费项目管理软件
IBM - Rational Unified Process (RUP)(统一软件过程)

搜索引擎

Lucene中国
Lucene_百度百科

其它

CI

CC

CuiseControl step by step
CruiseControl Home(持续集成)

Hudson

Hudson Continuous Integration
持续集成工具hudson - 小程人生 - BlogJava

收费

AgileWay 中文

mynyml.rb» Blog Archive » Flexible Continuous Testing
InfoQ: 促进软件开发领域知识与创新的传播

share

SharePoint 2007(知识共享)

AUTO TEST

YUI 2: YUI Test

seleniumhq

seleniumhq.org/download/
用 Selenium 自动化验收测试
InfoQ: 应用Selenium和Ruby进行面向领域的Web测试

FitNesse.UserGuide.OneMinuteDescription

WaitN

WatiN
使用WatiN对ASP.NET页面进行单元测试 - Anders Cui - 博客园

InfoQ: Web测试自动化——百度的尝试和实践
InfoQ: 构建企业自己的自动化测试平台

提高效率

Linux

Cygwin(linux 模拟环境)
Linux 人
OpenSSH Alternatives for Windows
Cooperative Linux
创建Linux实验室用户
Linux命令大全 - ChinaUnix Wiki
[www@xiya.org]~>

Linux 开发

Linux在线手册
Koders Code Search: getpwent_r.c - C
mono
我的Linux书架 - wwang's blog - 博客园

IPAD

iPad应用用户体验设计指南 - 51CTO.COM

taobao

HAProxy - The Reliable, High Performance TCP/HTTP Load Balancer
The Linux Virtual Server Project - Linux Server Cluster for Load Balancing

有用的开源项目

NuGet

NuGet gallery
用NuGet管理好你的包包
NuGet
架设自己的NuGet服务器

mac 开发

CocoaChina 苹果开发中文站 - 最热的iPhone开发社区 最热的苹果开发社区 最热的iPad开发社区

程序员小抄大全
免费电子书列表
各种有用的免费图书下载
Quix(web cmd)
Hacker News
皮皮书屋 » 分享电子书
weinre target debug
淘Job(nodejs 找工作应用)
Markdown 語法說明
Win_Webkit_Latest(最新版chromuim下载)
PhoneGap中国
向自由职业者强烈推荐的12本免费电子书 - 博客 - 伯乐在线
Sublime Text 2 入门及技巧 - Lucifr
Sublime Package Control
有道学堂 | 双语阅读

求生锦囊

Server JS

node.js(服务端js)
Node.js Manual & Documentation
Felix's Node.js Style Guide
Modules - GitHub
Ejscript - Embedded JavaScript Language for Server-Side JavaScript
Felix's Node.js Guide
Node.js binaries
npm - Node Package Manager
CommonJS - CommonJS Spec Wik(nodejs的核心库)
NodeJS中文文档
Node.js binaries(windows nodejs)
Node.js Manual & Documentation
Felix's Node.js Guide
Node Tuts - Node.js Free screencast tutorials
安装更新nodejs
The Node Toolbox(工具集)
isaacs/npmjs.org (镜像npm服务器)

NODE好的文章

深入浅出Node.js相关的内容
我为什么向后端工程师推荐NodeJS - node.js专业中文技术社区 - CNodeJS.ORG
How To Node - NodeJS
Installing and Running node.js applications within IIS on Windows - Are you mad? - Scott Hanselman
How To Module - How To Node - NodeJS
Node.js and Redis Pub-Sub - How To Node - NodeJS
Intro to Jake - JavaScript build tool for Node.js - How To Node - NodeJS
node blog
Node.js Debugging with the Built-in Debugger
Nuno's Notebook — Mock Testing CouchDB in node.js with Nock and TAP
Nodejs, 脱离了浏览器的Javascript
InfoQ: Node.js in Action: Interview and Book Excerpt
Multi-Core HTTP Server with NodeJS · YDN Blog
Node.js modules you should know about: request - good coders code, great reuse
Node.js modules you should know about: redis - good coders code, great reuse
Node.js modules you should know about: ntwitter - good coders code, great reuse
node.js HTTPS (SSL) Server Example
npm 资源库镜像 - MK2 - 博客园
node moduler table list
Node.js is Cancer
Node.js as a build script | Blog | Miller Medeiros
Case study: How & why to build a consumer app with Node.js
90 个 node.js 扩展模块,我们疯了 - 开源中国社区
InfoQ: 虚拟研讨会:Node.js生态系统之框架、库、最佳实践
Node.js - 开发 - Windows Azure
一步一步搭建win7下的Node.js服务 - javascript - 我要编程
DailyJS: Using Node Modules Effectively
Nodebits - Bits of inspiration to keep the node spirit alive
Tracking JavaScript execution during startup | don't code today

相关实现

LearnBoost/mongoose (给予nodejs的mongoDB驱动)
LearnBoost/Socket.IO-node
RGraph: HTML5 canvas graph library - Updating your graphs dynamically
websocket与node.js的完美结合
A Simple Blog with CouchDB, Bogart, and Node.js - How To Node - NodeJS
jack - jsgi spec
aredridel/html5(html5解析器)
dannycoates/node-inspector(调试工具)
Using Node.js in an ASP.NET MVC application with iisnode - Jon Galloway
Ender - the no-library library.(管理JS模块)
nodeca/js-yaml(读取yml数据)
Sunny.js(云存贮)
Syntactic sugar for Vows.js
Mocha - the fun, simple, flexible JavaScript test framework
Clark(使用coffee实现ascii 波形图)
nowjs for Node - Directly call remote functions in Javascript
dnode (RPC)
redis-node-client - GitHub(redis在nodejs上的应用)
everyauth(OAuth,OAuth2)
visionmedia/debug(轻量调试工具)
spire-io/shred(http client)
vesln/logme (logger)
isaacs/read(读取用户stdin)
clutchski/coffeelint
LearnBoost/Socket.IO-node
FGRibreau/forever-webui
vnc.js: how to build a JavaScript VNC Client in a 24 hour hackday | LinkedIn Engineering
janjongboom/node-native-zip(压缩)
Clarinet - SAX based evented streaming JSON parser in JavaScript for the browser and nodejs
Handlebars.js: Minimal Templating on Steroids
coffee node
Sandbox - A nifty javascript sandbox for node.js
MVC Framework for Node — Matador
coffee node
karlseguin/aproxi (api代理)
API Guide | restify REST web services
maccman/ace(一个类sinatra的node实现)

DB

Couchbase Customers: Membase & Couchbase at Zynga and more | Couchbase
CouchDB: The Definitive Guide
my CouchDB tutorial - Database - Tech - ITeye论坛
CouchDB 实现原理_Freeway Space_百度空间
Mongoose ODM
redis-node-client - GitHub(redis在nodejs上的应用)
Iris Couch
分类列表 - NoSQLFan
CouchDB | todd anderson(couchDB教程)
Node.js database drivers

套装&IDE

linkitprojects/node-build @ GitHub
brunch - with coffee
Jakefile.js at master from zjhiphop/Nodebot - GitHub
mikezhuyuan/node-all-in-one - GitHub
seajs/spm - GitHub
napcs/qedproject - GitHub(sass & coffee)
Cloud9 - Your code anywhere, anytime
The best JavaScript IDE with HTML Editor for Web development :: JetBrains WebStorm
RailwayJS
flatironjs.org
Joshfire Framework(跨移动平台的套装)