程序猿的相關

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高速查找文件

版權聲明：本文博客原創文章，博客，未經贊成，不得轉載。