程序猿的相关

Javascript

• jQuery Fundamentals - jQuery 新手教程。

• JavaScript库 代码解构 - 将JavaScript流行框架源码条分缕析展示出来
• 深刻理解Javascript系列
• <Script>的defer和async的差异
• Javascript面向对象基础
• Backbone.js基础
• JavaScript Madness: Keyboard Events
• Let's Make Frameworks
• 国内公司JS框架：Kissy - Taobao | Arale - Alipay | Tangram - Baidu
• JS1K, 1k Javascript contest
• JSON Home Page
• NB JS Wiki(CSS、PHP、jQuery、Linux)
• 理解并解决IE的内存泄漏方式 2 3 4
• Understanding and Solving Internet Explorer Leak Patterns
• Javscript Bind函数
• Javscript设计模式
• JSON工具：
  • JSONLint - The JSON Validator
  • SimpleJSON - Python Stuff
  • JSON Formatter (& Validator!)
  • Tidy JSON - JSON Pretty Printer/Colorer - C#(.NET)
  • Cerny.js - JSON Pretty Printing Demo
  • jsonpretty(ruby)
• Vim Json：
  • tidify a json in Vim
  • JSON.vim - syntax
  • VIM - How to format and syntax highlight JSON file
  • Add JSON syntax highlighting in Vim on OS X
• JSONP：
  • 使用 JSONP 实现跨域通讯，第 1 部分: 结合 JSONP 和 jQuery 高速构建强大的 mashup 第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup
  • JSONP的起源
  • Mashups：Web 应用程序新成员
• Javascript闭包：
  • 闭包 (计算机科学)
  • Javascript Closures
  • 什么是闭包
  • Javascript Closures 中文 2
  • 学习Javascript闭包（Closure）
  • 做用域链 词法做用域 与 闭包（一） （二）
• Javascript工具：
  • JSLint
  • JavaScript Lint
  • Fork of hallettj/jslint.vim
  • Google Closure Compiler压缩优化规则初探
  • 使用Google 的Closure Compiler来压缩javascript
  • 在项目中使用Google Closure Compiler
  • Mac下用Closure compiler
  • JS 库浅析之 Google Closure
  • Closure Compiler 高级模式及不少其它思考
  • Closure Compiler vs YUICompressor
  • Minify JS
  • QUnit @github
  • JsBeautify：Online Javascript jsbeautifier github, vimscript
  • js beautifier - plugin for Chrome
• NodeJS：
  • nodeJS - server端 JavaScript 编程
  • Node.js is genuinely exciting
  • 在cygwin环境下编译node.js
  • node char - 用 nodeJS 写的聊天室
  • Joyent Node | mattn.no.de

HTML & CSS

• CSS Hacks & Expression
• XHTML Character Entity Reference HTML实体字符引用
• 精选15个国外CSS框架
• Pure Css Speech Bubbles
• CSS栅格系统(Grid System)：
  • The 1Kb CSS Grid - 拖放各个阈值并直接下载本身主动生成的CSS。
  • Variable Grid System - 可直接改动各个阈值并预览效果。

  • Grid Designer
  • YAML Builder - A tool for visual development of YAML based CSS layouts.
  • 960 Grid System 960-Grid-System@github
  • 网页的栅格系统设计 - 青云
  • 个人栅格系统 - 明城
  • Five simple steps to designing grid systems 2 3 4 5
• CSS疑难杂症：
  • HasLayout和BFC(Block Formatting Contexts)的差异完整对照
  • Block Formatting Contexts的特性
  • hasLayout.net
  • On having layout 中文版
  • Internet Explorer 6 and the Expanding Box Problem
  • 万能清除浮动样式
  • CSS Border使用小分享
  • 表格樣式集錦
  • 复选框单选框与文字对齐问题的研究与解决
  • 连续字符本身主动换行的解决方式
  • 三谈Iframe自适应高度 | 再谈iframe自适应高度
  • 跨浏览器的inline-block en
  • display:inline-block的深刻理解

HTML5 & CSS3

• Dive Into HTML5
• HTML5训练营
• HTML5 WebSockets
• IE支持HTML5
• 感觉HTML5&CSS3
• 用JavaScript玩转计算机图形学：(一)光线追踪入门 (二)基本光源
• Canvas：
  • Canvas (HTML元素)
  • Canvas Tutorial
  • Canvas 教程 en
  • The canvas element
  • HTML5 Canvas
• Canvas使用教程：
  • 开题
  • 基本的语法
  • 图形绘制
  • 图片应用
• Canvas Games：
  • Unreal Soccer
  • Canvascape
  • Plasma demo using the HTML Canvas element
  • Lodes Computer Graphics Tutorial
  • CubeOut - 3D 俄罗斯方块
  • 自行车越野
  • Box2DJS
  • Canvas Cycles
  • Agent 8 Ball - 台球
• 工具：
  • CSS3 Generator
  • CSS3 Gradient Generator
  • CSS3 Button Maker
  • CSS3 Please! - The Cross-Browser CSS3 Rule Generator
• Framework：
  • mxGraph - the AJAX diagramming soluting
  • Scalable Vector Graphics Web Browser using Flash
  • HTML5 Canvas for Internet Explorer
  • Library that provides support for SVG and VML with an SVG style interface
  • DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Plygon, Triangle, with JavaScript
  • 翻译Browser Drawing一篇:Canvas/SVG/VML Drawing Roundup
  • Three.js
  • Rapha?l - 很棒的跨平台 JavaScript 图形库 | raphael@github | blog
  • uupaa.js spin-off projects
• Demo：
  • Alex Buga Livingroom
  • burn-canvas-test - 绘图
  • 10 HTML5 Demos to Make You Forget About Flash cn
  • deviantART Muro
  • Biolab Disaster - Game
  • 乒乓球游戏：左边用Flash，右边用HTML5
  • 20 Things I Learned About Browsers and the Web
  • Pure CSS Twitter 'Fail Whale'
  • CSS3-Man
  • A啦多梦告诉你浏览器对 CSS3 的支持程度

前端相关

• World Wide Web Consortium
• The Web Standards Project
• W3Schools Online Web Tutorials
• HTTP 状态代码
• 网页错误代码具体解释
• w3school - 在线教程
• REST介绍
• 浏览器兼容解决方式(AliceUI) | W3C 标准文档(AliceUI)
• Microformats：Microformats | 什么是微格式及经典实例演示 | 微格式 - Wikipedia en | Microformats Cheat Sheat | 微格式全功略Hcard、 hCalendar、hReview、XFN 轻松掌握 | 微格式 Microformats ? hCard | 使用微格式来丰富站点语义：简单介绍 | Getting Semantic With Microformats, Introduction

Python

• 简明Python教程
• Dive Into Python中文版
• Dive Into Python3中文版
• 啄木鸟社区Wiki
• Python绝对简明手冊

正則表達式

• 正則表達式30分钟新手教程 2
• 正則表達式工做室 | 揭开正則表達式的神奇面纱 | 正則表達式话题| DEELX 正则引擎性能与特色
• 各类工具之正則表達式语法比較 2
• Regular_Expression 入门
• Lesson: Regular Expressions(Java)
• Regular expression operations(Python)
• 正則表達式 - 维基百科
• RegExp - Mozilla
• 学习 Linux，101: 使用正則表達式搜索文本文件
• 构建用于正則表達式的抽象 Java API
• Regexp Syntax Summary
• JavaScript, Regex, and Unicode
• 《理解正則表達式（程序猿第3期文章）》
• 利用有限本身主动机分析正則表達式
• 《Linux系统最佳实践工具：命令行技术》
• 我爱正則表達式
• 正則表達式论坛
• 正則表達式工具：Regexpal (online) 2 | RegExr | RegexBuddy | Expresso (free, open-source) | Match Tracer | HiFi Regex Tester | RegEx Builder

开发相关

• MarkDown语法
• HTML转义
• OAuth
  • OAuth
  • OAuth核心
  • OAtuh for Web Application
  • Vim-oauth
  • webapi-vim
  • OAuth在线測试：服务端 | client
• 国内开源镜像站：Sohu.com | 163.com
• 在线IDE：CodeRun | jsFiddle | JS Bin | 小可<Little Code />
• 优良的文本处理工具：SED & AWK
  • sed.sf.net | AWK @wikipedia 中文
  • Gawk for Windows | Sed for Windows
  • sed-非交互式文本编辑器(L.E.McMahon 著,中文翻译) En | awk-模式扫描与处理语言(Aho,Kernighan,Weinberger著,中文翻译)(第二版) En
  • 具体解释注明的AWK oneliner：一：空行、行号和计算 | 二：文本替换 | 三：选择性输出特定行 | 四：定义字符串和数组
  • 具体解释AWK oneliner原文：Famous Awk One-Liners Explained | Update on Famous Awk One-Liners Explained: String and Array Creation
  • sed和awk的简单使用 - 潘魏增
  • 參考书籍：The AWK Programming Language | Effective awk Programming, Third Edition | sed & awk, Second Edition | sed and awk Pocket Reference, Second Edition
• 函数式编程：
  • @wikipedia 中文
  • 对象-函数式编程简史 2
  • 用函数式编程技术编写优美的 JavaScript
  • 函数式编程 - 老赵
  • 函数式编程 - czk wiki
  • 函数式编程の道
  • 哪一种语言将统治多核时代 再看函数式语言特性
• The Tao Of Programming,2,《编程之道》 文言文版 by Livecn，2 白话文版 by 小赵
• 代码高亮：DlHightLight代码高亮组件 | Google Code Prettify

版本号控制

• 版本号控制系统（RCS）的选择与比較
• 拥抱Mercurial---选择分布式版本号控制工具
• 几个分布式vcs比較
• Comparison of revision control software
• 代码片断管理：
  • gist@github
  • notepad.cc
  • Snipt.org
  • Ubuntu Paste
  • Pastebin
  • Lodge It!
• SVN相关：
  • Subversion 与版本号控制
  • TortoiseSVN 中文帮助手冊(v1.4.1) v1.6.8
  • Tigris.org - for Windows.
  • Subversive中文站
  • Subclipse
  • Subversive
  • RabbitVCS - for Linux.
  • Ubuntu下最好用的SVNclient
  • SVN 命令行
• Mercurial相关：
  • Mercurial | Mercurial 使用教程
  • Hg Init: a Mercurial tutorial
  • Mercurial: The Definitive Guide read
  • 在Google Code上用 Mercurial 代替 Subversion 管理你的项目
  • 乔尔谈软件终结篇：分布式版本号控制系统的时代到来了 - 讲到了分布式版本号控制的精髓：管理变动，而不是管理版本号。
  • A Git User’s Guide to Mercurial Queues
  • Mercurial托管服务：Mercurial hosting - bitbucket.org | KilnHg
• Git相关：
  • Git - the Fast Version Control System.
  • Stanford出品的Git Magic教程
  • 最具体Git介绍：Pro Git (book, 中文版)
  • Git官方帮助文档
  • 简明教程：git 之五分钟教程 | 进一步学习 Git | 使用 Git 管理源码 | 分布式版本号控制工具Git简明笔记 | 译文:GIT平常命令20来条
  • Git开发管理之道
  • Git讨论：Why Git is Better than X | Git 改变了分布式 Web 开发规则 | 为何说 Git 将代替 SVN 作软件版本号控制？
  • SVN+GIT=鱼与熊掌兼得
  • 面向 Subversion 用户的 Git：一: 入门指南 | 面向 Subversion 用户的 Git，第 2 部分: 实施控制
  • Git的推广心得 | 你为神马不用git-flow呢? | 開始实践git-flow
  • github | jekyll | codes | demos | GitHub Pages | Publishing a Blog with GitHub Pages and Jekyll

系统相关

• 用win+r启动程序和文档
• Linux完全定制指南(Linux From Scratch)
• server和架构方面的一些文章
• Linux Shell常常使用技巧(文件夹)
• Linux Shell高级技巧(文件夹)
• Ubuntu新手入门指引 | Ubuntu桌面入门指南
• 终端(Terminal)：zsh | zsh.sf.net | 终极Shell——Zsh | 把 Mac 上的 bash 换成 zsh | zsh – 给你的Mac不一样体验的Terminal！

  | oh-my-zsh@github

• 网络监控：Fiddler 2 | HttpWatch | Charles
• 远程控制：
  • SSH技巧具体解释：SSH: More than secure shell
  • SSH：SSH Filesystem | 在 Ubuntu 上使用 sshfs 映射远程 ssh 文件系统为本地磁盘 | MacFUSE | sshfs for Mac OS X
  • SecureCRT：SecureCRT | SecureCRT 常常使用命令
  • PuTTY：PuTTY | PuTTY 中文版 | PuTTY: A Free Telnet/SSH Client | PuTTY 中文教程 | @google docs | 转 | @wikipedia
  • cURL：cURL and libcurl | docs | PHP: cURL - Manual | libcurl的使用总结（一） | libcurl的使用总结（二）
  • rsync：rsync | zh@wikipedia | en@wikipedia | A Tutorial on Using | cwrsync - Rsync for Windows | 怎样用 Rsync 来备份 Linux 文件 | AIX 上配置 rsync 简记 | 用 Rsync(cwRsync)备份 Dreamhost 到 Windows 上 | Rsync 与 OpenSSH 结合运用进行文件同步
• Email相关：
  • HTML Email Boilerplate - Email模板
  • 怎样發送內嵌圖片的 E-mail ( Inline Attachment )
  • 发送内嵌图片邮件的正确方法
  • 使用 Commons-Email 在邮件内容中直接嵌入图片
  • 内嵌图片或附档
  • HTML email inline styler
  • CSS to inline styles converter

设计相关

• 图片、图标(Icons)：
  • 2011年50个最佳图标设计集合
  • FindIcons图标搜索引擎
  • Icon Archive
  • PNG icons & Icons Picks Download
  • DryIcons - Free Icons and Vector Graphics
  • Icon Easy
  • Tutorial9 | Photoshop Tutorials, Photography Tuts, and Resources
  • 16 Sketchy Hand Drawn Icon Sets
  • Gnome Icon Theme
  • dutch icon?

  • 开源图标库
  • PhotoShop：PhotoShop通道白解 | PhotoShop CS5序列号
• 字体：
  • 什么是衬线体
  • 文泉驿 - 开源字体。开彼源兮。斯流永继。
  • 让代码更美:10大编程字体
  • Type is Beautiful - 字体排版
  • Google Font Directory
  • ASCII Generator
  • 假文填充：Lorem ipsum | 中文假文MoreText.js MoreText的Vim插件 | 亂數假文產生器 Chinese Lorem Ipsum
• 表格：
  • 15个优秀的表格设计技巧
  • Creating a table with dynamically highlighted columns like Crazy Eggs pricing table
  • 越减越妙：简单表格的再设计
  • 15款提升表格操做的jQuery插件
• 资源：
  • Dribble：著名设计师聚合站点
  • 站酷：交流设计、分享快乐
  • 全景：创意图片库
  • Designlol：全球设计精享
  • Designboom
  • 配色方案：Color Schemer | kuler | Piknik Color Picker
  • 80多个绝对美丽的双屏壁纸

VIM

• 配置挑选Vim颜色(Color Scheme)
• VIM折叠简单介绍
• FuzzyFinder高速查找文件

版权声明：本文博客原创文章，博客，未经赞成，不得转载。