Skip to content

lovecn/WebDev-Source

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 

Repository files navigation

Javascript

<h2>HTML &amp; CSS</h2>
<ul class="hide">
    <li><a href="http://wiki.hotoo.me/CSS-Hacks.html">CSS Hacks &amp; Expression</a></li>
    <li><a href="http://www.digitalmediaminute.com/reference/entity/">XHTML Character Entity Reference HTML实体字符引用</a></li>
    <li><a href="http://blog.bingo929.com/css-frameworks-15.html">精选15个国外CSS框架</a></li>
    <li><a href="http://nicolasgallagher.com/pure-css-speech-bubbles/demo/">Pure Css Speech Bubbles</a></li>
    <li>CSS栅格系统(Grid System):</li>
    <ul>
        <li><a href="http://1kbgrid.com/">The 1Kb CSS Grid</a> - 拖放各个阈值并直接下载自动生成的CSS。</li>
        <li><a href="http://www.spry-soft.com/grids/">Variable Grid System</a> - 可直接修改各个阈值并预览效果。</li>
        <li><a href="http://grid.mindplay.dk">Grid Designer</a></li>
        <li><a href="http://builder.yaml.de/">YAML Builder</a> - A tool for visual development of YAML based CSS layouts. </li>
        <li><a href="http://960.gs/">960 Grid System</a> <a href="http://github.com/nathansmith/960-Grid-System">960-Grid-System@github</a></li>
        <li><a href="http://ued.taobao.com/blog/2008/09/17/grid_systems/">网页的栅格系统设计</a> - 青云</li>
        <li><a href="http://www.gracecode.com/archives/2363/">我的栅格系统</a> - 明城</li>
        <li><a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1">Five simple steps to designing grid systems</a> <a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-2">2</a> <a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-3">3</a> <a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-4">4</a> <a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-5">5</a></li>
    </ul>
    <li>CSS疑难杂症:</li>
    <ul>
        <li><a href="http://www.smallni.com/haslayout-block-formatting-contexts/">HasLayout和BFC(Block Formatting Contexts)的区别完整对比</a></li>
        <li><a href="http://rebuildpattern.com/node/44">Block Formatting Contexts的特性</a></li>
        <li><a href="http://haslayout.net/">hasLayout.net</a></li>
        <li><a href="http://www.satzansatz.de/cssd/onhavinglayout.html">On having layout</a> <a href="http://www.blueidea.com/tech/site/2006/3698.asp">中文版</a></li>
        <li><a href="http://www.positioniseverything.net/explorer/expandingboxbug.html">Internet Explorer 6 and the Expanding Box Problem</a></li>
        <li><a href="http://www.qianduan.net/universal-to-remove-floating-style.html">万能清除浮动样式</a></li>
        <li><a href="http://ued.taobao.com/blog/2010/08/04/css-border%E4%BD%BF%E7%94%A8%E5%B0%8F%E5%88%86%E4%BA%AB/">CSS Border使用小分享</a></li>
        <li><a href="http://www.cnblogs.com/eazon/archive/2008/07/04/1235268.html">表格樣式集錦</a></li>
        <li><a href="http://www.zhangxinxu.com/wordpress/?p=56">复选框单选框与文字对齐问题的研究与解决</a></li>
        <li><a href="http://www.blueidea.com/tech/web/2008/6313.asp">连续字符自动换行的解决方案</a></li>
        <li><a href="http://www.cnblogs.com/yizuierguo/archive/2010/08/04/1792287.html">三谈Iframe自适应高度</a> | <a href="http://www.cnblogs.com/MaxIE/archive/2008/08/13/1266597.html">再谈iframe自适应高度</a></li>
        <li><a href="http://www.qianduan.net/cross-browser-inline-block.html">跨浏览器的inline-block</a> <a href="http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/">en</a></li>
        <li><a href="http://www.planabc.net/2007/03/11/display_inline-block/">display:inline-block的深入理解</a></li>
    </ul>
</ul>

<h2>HTML5 &amp; CSS3</h2>
<ul class="hide">
    <li><a href="http://diveintohtml5.info/">Dive Into HTML5</a></li>
    <li><a href="http://blog.bingo929.com/google-enjoy-html5-drag-drop-filereaderenren.html" title="给力的 Google HTML5 训练营(HTML5 Drag&amp;Drop 拖拽、FileReader实例教程)">HTML5训练营</a></li>
    <li><a href="http://blog.bingo929.com/html5-websockets.html" title="HTML5 WebSockets 基础使用教程">HTML5 WebSockets</a></li>
    <li><a href="http://blog.bingo929.com/html5-ie-enabling-script.html" title="让所有IE支持HTML5的解决方案">IE支持HTML5</a></li>
    <li><a href="http://blog.bingo929.com/power-of-html5-css3-div-css.html" title="一起感受HTML5和CSS3的能量">感受HTML5&amp;CSS3</a></li>
    <li>用JavaScript玩转计算机图形学:<a href="http://www.cnblogs.com/miloyip/archive/2010/03/29/1698953.html">(一)光线追踪入门</a> <a href="http://www.cnblogs.com/miloyip/archive/2010/04/02/1702768.html">(二)基本光源</a></li>
    <li>Canvas:</li>
    <ul>
        <li><a href="http://zh.wikipedia.org/wiki/Canvas_%28HTML%E5%85%83%E7%B4%A0%29">Canvas (HTML元素)</a></li>
        <li><a href="http://billmill.org/static/canvastutorial/index.html">Canvas Tutorial</a></li>
        <li><a href="https://developer.mozilla.org/cn/Canvas_tutorial">Canvas 教程</a> <a href="https://developer.mozilla.org/en/Canvas_tutorial">en</a></li>
        <li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#the-canvas-element">The canvas element</a></li>
        <li><a href="http://blog.bingo929.com/html-5-canvas-the-basics-html5.html" title="关于HTML 5 canvas 的基础教程">HTML5 Canvas</a></li>
    </ul>
    <li>Canvas使用教程:</li>
    <ul>
        <li><a href="http://jiachen.blogbus.com/logs/29567413.html">开题</a></li>
        <li><a href="http://jiachen.blogbus.com/logs/29569584.html">基本语法</a></li>
        <li><a href="http://jiachen.blogbus.com/logs/29596111.html">图形绘制</a></li>
        <li><a href="http://jiachen.blogbus.com/logs/32827552.html">图片应用</a></li>
    </ul>
    <li>Canvas Games:</li>
    <ul>
        <li><a href="http://henrikfalck.com/unrealsoccer/">Unreal Soccer</a></li>
        <li><a href="http://www.benjoffe.com/code/demos/canvascape/">Canvascape</a></li>
        <li><a href="http://dave-webster.com/projects/index.php?page=incs/plasma_demo1">Plasma demo using the HTML Canvas element</a></li>
        <li><a href="http://www.student.kuleuven.be/~m0216922/CG/plasma.html">Lodes Computer Graphics Tutorial</a></li>
        <li><a href="http://alteredqualia.com/cubeout/">CubeOut</a> - 3D 俄罗斯方块</li>
        <li><a href="http://canvasrider.com/tracks/all">自行车越野</a></li>
        <li><a href="http://box2d-js.sourceforge.net/index2.html">Box2DJS</a></li>
        <li><a href="http://www.effectgames.com/demos/canvascycle/?sound=1">Canvas Cycles</a></li>
        <li><a href="http://agent8ball.com/">Agent 8 Ball</a> - 台球</li>
    </ul>
    <li>工具:</li>
    <ul>
        <li><a href="http://www.css3generator.com/">CSS3 Generator</a></li>
        <li><a href="http://gradients.glrzad.com/">CSS3 Gradient Generator</a></li>
        <li><a href="http://css-tricks.com/examples/ButtonMaker/">CSS3 Button Maker</a></li>
        <li><a href="http://css3please.com/">CSS3 Please!</a> - The Cross-Browser CSS3 Rule Generator</li>
    </ul>
    <li>Framework:</li>
    <ul>
        <li><a href="http://www.jgraph.com/mxgraph.html">mxGraph - the AJAX diagramming soluting</a></li>
        <li><a href="http://code.google.com/p/svgweb/">Scalable Vector Graphics Web Browser using Flash</a></li>
        <li><a href="http://code.google.com/p/explorercanvas/">HTML5 Canvas for Internet Explorer</a></li>
        <li><a href="http://code.google.com/p/svg2vml/">Library that provides support for SVG and VML with an SVG style interface</a></li>
        <li><a href="http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm">DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Plygon, Triangle, with JavaScript</a></li>
        <li><a href="http://www.cnblogs.com/webgis8/articles/1529588.html">翻译Browser Drawing一篇:Canvas/SVG/VML Drawing Roundup</a></li>
        <li><a href="http://github.com/mrdoob/three.js">Three.js</a></li>
        <li><a href="http://raphaeljs.com/">Rapha?l</a> - 非常棒的跨平台 JavaScript 图形库 | <a href="http://github.com/DmitryBaranovskiy/raphael">raphael@github</a> | <a href="http://dmitry.baranovskiy.com/">blog</a></li>
        <li><a href="http://code.google.com/p/uupaa-js-spinoff/">uupaa.js spin-off projects</a></li>
    </ul>
    <li>Demo:</li>
    <ul>
        <li><a href="http://www.alexbuga.com/v9/">Alex Buga Livingroom</a></li>
        <li><a href="http://guciek.net/test/burn">burn-canvas-test</a> - 画图</li>
        <li><a href="http://webdesignledger.com/inspiration/10-html5-demos-to-make-you-forget-about-flash">10 HTML5 Demos to Make You Forget About Flash</a> <a href="http://designlol.net/archives/1418">cn</a></li>
        <li><a href="http://muro.deviantart.com/">deviantART Muro</a></li>
        <li><a href="http://www.phoboslab.org/biolab/">Biolab Disaster</a> - Game</li>
        <li><a href="http://labs.codecomputerlove.com/FlashVsHtml5/">乒乓球游戏:左边用Flash,右边用HTML5</a></li>
        <li><a href="http://www.20thingsilearned.com/">20 Things I Learned About Browsers and the Web</a></li>
        <li><a href="http://www.subcide.com/experiments/fail-whale/">Pure CSS Twitter 'Fail Whale'</a></li>
        <li><a href="http://www.optimum7.com/css3-man/animation.html">CSS3-Man</a></li>
        <li><a href="http://knb.im/css3/">A啦多梦告诉你浏览器对 CSS3 的支持程度</a></li>
    </ul>
</ul>

<h2>前端相关</h2>
<ul class="hide">
    <li><a href="http://www.w3.org/">World Wide Web Consortium</a></li>
    <li><a href="http://www.webstandards.org/">The Web Standards Project</a></li>
    <li><a href="http://www.w3schools.com/">W3Schools Online Web Tutorials</a></li>
    <li><a href="http://www.google.com/support/webmasters/bin/answer.py?hl=cn&amp;answer=40132">HTTP 状态代码</a></li>
    
    <li><a href="http://www.w3school.com.cn">w3school - 在线教程</a></li>
    <li><a href="http://zh.wikipedia.org/zh-cn/REST">REST介绍</a></li>
    <li><a href="http://aliceui.com/category/solutions/" title="Alice出品的浏览器兼容解决方案">浏览器兼容解决方案</a>(AliceUI) | <a href="http://aliceui.com/w3c-docs/" title="AliceUI出品对HTML5/CSS3的标准文档研究">W3C 标准文档</a>(AliceUI)</li>
    <li>Microformats:<a href="http://microformats.org/wiki/Main_Page">Microformats</a> | <a href="http://www.blueidea.com/tech/web/2009/6471.asp">什么是微格式及经典实例演示</a> | <a href="http://zh.wikipedia.org/zh/%E5%BE%AE%E6%A0%BC%E5%BC%8F">微格式 - Wikipedia</a> <a href="http://en.wikipedia.org/wiki/Microformat">en</a> | <a href="http://suda.co.uk/projects/microformats/cheatsheet/">Microformats Cheat Sheat</a> | <a href="http://www.ued163.com/?p=470">微格式全功略Hcard、 hCalendar、hReview、XFN 轻松掌握</a> | <a href="http://tommyfan.com/blog/skill/microformats_hcard/">微格式 Microformats ? hCard</a> | <a href="http://www.mijia.org/blog/?p=152">使用微格式来丰富网站语义:简介</a> | <a href="http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-introduction/">Getting Semantic With Microformats, Introduction</a></li>
</ul>

<h2>Python</h2>
<ul class="hide">
    <li><a href="http://woodpecker.org.cn/abyteofpython_cn/chinese/">简明Python教程</a></li>
    <li><a href="http://woodpecker.org.cn/diveintopython/">Dive Into Python中文版</a></li>
    <li><a href="http://woodpecker.org.cn/diveintopython3/">Dive Into Python3中文版</a></li>
    <li><a href="http://wiki.woodpecker.org.cn/moin/">啄木鸟社区Wiki</a></li>
    <li><a href="http://wiki.woodpecker.org.cn/moin/PyAbsolutelyZipManual">Python绝对简明手册</a></li>
</ul>

<h2>正则表达式</h2>
<ul class="hide">
    <li><a href="http://deerchao.net/tutorials/regex/regex.htm">正则表达式30分钟入门教程</a> <a href="http://help.locoy.com/Document/Learn_Regex_For_30_Minutes.htm">2</a></li>
    <li><a href="http://www.regexlab.com/zh/">正则表达式工作室</a> | <a href="http://www.regexlab.com/zh/regref.htm">揭开正则表达式的神秘面纱</a> | <a href="http://www.regexlab.com/zh/regtopic.htm">正则表达式话题</a>|  <a href="http://www.regexlab.com/zh/deelx/introidx.htm">DEELX 正则引擎性能与特点</a></li>
    <li><a href="http://blog.chinaunix.net/u3/112728/showart_2207101.html">各种工具之正则表达式语法比较</a> <a href="http://hi.baidu.com/libk/blog/item/b5eb710e6c636dc37acbe107.html">2</a></li>
    <li><a href="http://www.phpx.com/man/Regular_Expression/">Regular_Expression 入门</a></li>
    <li><a href="http://java.sun.com/docs/books/tutorial/essential/regex/">Lesson: Regular Expressions(Java)</a></li>
    <li><a href="http://docs.python.org/library/re.html">Regular expression operations(Python)</a></li>
    <li><a href="http://zh.wikipedia.org/wiki/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F">正则表达式 - 维基百科</a></li>
    <li><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/RegExp#Special_characters_in_regular_expressions">RegExp - Mozilla</a></li>
    <li><a href="http://www.ibm.com/developerworks/cn/linux/l-lpic1-v3-103-7/?ca=drs-tp4608">学习 Linux,101: 使用正则表达式搜索文本文件</a></li>
    <li><a href="http://www.ibm.com/developerworks/cn/java/wa-regexp/index.html">构建用于正则表达式的抽象 Java API</a></li>
    <li><a href="http://www.greenend.org.uk/rjk/2002/06/regexp.html">Regexp Syntax Summary</a></li>
    <li><a href="http://blog.stevenlevithan.com/archives/javascript-regex-and-unicode">JavaScript, Regex, and Unicode</a></li>
    <li><a href="http://blog.csdn.net/myan/archive/2007/03/03/1520033.aspx">《理解正则表达式(程序员第3期文章)》</a></li>
    <li><a href="http://tech.idv2.com/2006/05/08/parse-regex-with-dfa/">利用有限自动机分析正则表达式</a></li>
    <li><a href="http://book.51cto.com/art/200902/111541.htm">《Linux系统最佳实践工具:命令行技术》</a></li>
    <li><a href="http://iregex.org/links">我爱正则表达式</a></li>
    <li><a href="http://regex.me/">正则表达式论坛</a></li>
    <li>正则表达式工具:<a href="http://regexpal.com/">Regexpal (online)</a> <a href="http://www.microidc.com/usr/tools/regexpal/index.html">2</a> | <a href="http://gskinner.com/RegExr/">RegExr</a> | <a href="http://www.regexbuddy.com/">RegexBuddy</a> | <a href="http://www.ultrapico.com/Expresso.htm">Expresso (free, open-source)</a> | <a href="http://www.regexlab.com/zh/mtracer/">Match Tracer</a> | <a href="http://www.gethifi.com/tools/regex">HiFi Regex Tester</a> | <a href="http://www.redfernplace.com/software-projects/regex-builder/">RegEx Builder</a></li>
</ul>

<h2>开发相关</h2>
<ul class="hide">
    <li><a href="http://markdown.tw/">MarkDown语法</a></li>
    <li><a href="http://114.xixik.com/character/">HTML转义</a></li>
	<li>OAuth</li>
    <ul>
        <li><a href="http://oauth.net/">OAuth</a></li>
        <li><a href="http://www.rollingcode.org/blog/f/oauth-core-1.0-final-cn.html">OAuth核心</a></li>
        <li><a href="http://code.google.com/apis/accounts/docs/OAuth.html">OAtuh for Web Application</a></li>
        <li><a href="https://github.com/mattn/vim-oauth">Vim-oauth</a></li>
        <li><a href="https://github.com/mattn/webapi-vim">webapi-vim</a></li>
        <li>OAuth在线测试:<a href="http://term.ie/oauth/example/index.php">服务端</a> | <a href="http://term.ie/oauth/example/client.php">客户端</a></li>
    </ul>
    <li>国内开源镜像站:<a href="http://mirrors.sohu.com/">Sohu.com</a> | <a href="http://mirrors.163.com/">163.com</a></li>
    <li>在线IDE:<a href="http://www.coderun.com/ide/" title="Online IDE">CodeRun</a> | <a href="http://jsfiddle.net/" title="Online Editor for the Web">jsFiddle</a> | <a href="http://jsbin.com/" title="JavaScript Collaborative Debugging">JS Bin</a> | <a href="http://code.wanz.im/">小可&lt;Little Code /&gt;</a></li>
    <li>优良的文本处理工具:SED &amp; AWK</li>
    <ul>
    	<li><a href="http://sed.sourceforge.net/">sed.sf.net</a> | <a href="http://en.wikipedia.org/wiki/AWK">AWK @wikipedia</a> <a href="http://zh.wikipedia.org/wiki/AWK">中文</a></li>
        <li><a href="http://gnuwin32.sourceforge.net/packages/gawk.htm">Gawk for Windows</a> | <a href="http://gnuwin32.sourceforge.net/packages/sed.htm">Sed for Windows</a></li>
        <li><a href="http://blog.chinaunix.net/u/13392/showart.php?id=133128">sed-非交互式文本编辑器(L.E.McMahon 著,中文翻译)</a> <a href="http://cm.bell-labs.com/7thEdMan/vol2/sed">En</a> | <a href="http://blog.chinaunix.net/u/13392/showart.php?id=134410">awk-模式扫描与处理语言(Aho,Kernighan,Weinberger著,中文翻译)(第二版)</a> <a href="http://cm.bell-labs.com/7thEdMan/vol2/awk">En</a></li>
        <li>详解注明的AWK oneliner:<a href="http://roylez.heroku.com/2010/04/11/awk-oneliner-translation-1.html">一:空行、行号和计算</a> | <a href="http://roylez.heroku.com/2010/04/28/awk-oneliner-translation-2.html">二:文本替换</a> | <a href="http://roylez.heroku.com/2010/05/15/awk-oneliner-translation-3.html">三:选择性输出特定行</a> | <a href="http://roylez.heroku.com/2010/07/29/awk-oneliner-translation-4.html">四:定义字符串和数组</a></li>
        <li>详解AWK oneliner原文:<a href="http://www.catonmat.net/blog/awk-one-liners-explained-part-one/">Famous Awk One-Liners Explained</a> | <a href="http://www.catonmat.net/blog/update-on-famous-awk-one-liners-explained">Update on Famous Awk One-Liners Explained: String and Array Creation</a></li>
        <li><a href="http://panweizeng.com/archives/522">sed和awk的简单使用 - 潘魏增</a></li>
        <li>参考书籍:<a href="http://cm.bell-labs.com/cm/cs/awkbook/">The AWK Programming Language</a> | <a href="http://oreilly.com/catalog/9780596000707/">Effective awk Programming, Third Edition</a> | <a href="http://oreilly.com/catalog/9781565922259">sed &amp; awk, Second Edition</a> | <a href="http://oreilly.com/catalog/9780596003524">sed and awk Pocket Reference, Second Edition</a></li>
    </ul>
    <li>函数式编程:</li>
    <ul>
        <li><a href="http://en.wikipedia.org/wiki/Functional_programming">@wikipedia</a> <a href="http://zh.wikipedia.org/zh-cn/%E5%87%BD%E6%95%B8%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80">中文</a></li>
        <li><a href="http://www.aqee.net/2010/03/08/a-brief-history-of-object-functional-programming/">对象-函数式编程简史</a> <a href="http://news.csdn.net/a/20100311/217407.html">2</a></li>
        <li><a href="http://www.ibm.com/developerworks/cn/web/wa-javascript.html">用函数式编程技术编写优美的 JavaScript</a></li>
        <li><a href="http://blog.zhaojie.me/tag/%E5%87%BD%E6%95%B0%E5%BC%8F%E7%BC%96%E7%A8%8B/">函数式编程</a> - 老赵</li>
        <li><a href="http://chenzhongke.com/wi/%E5%87%BD%E6%95%B0%E5%BC%8F%E7%BC%96%E7%A8%8B">函数式编程</a> - czk wiki</li>
        <li><a href="http://wfp.group.javaeye.com/">函数式编程の道</a></li>
        <li><a href="http://blog.csdn.net/xuejx/archive/2009/08/12/4440105.aspx">哪种语言将统治多核时代 再看函数式语言特性</a></li>
    </ul>
    <li><a href="http://www.canonical.org/~kragen/tao-of-programming.html">The Tao Of Programming</a>,<a href="http://osiris.urbanna.net/tao.html">2</a>,<a href="http://livecn.huasing.org/tao_of_programming.htm">《编程之道》</a> 文言文版 by Livecn,<a href="http://202.118.74.32/doc/Science/Computer/TaoOfProg.pdf">2</a> 白话文版 by 小赵</li>
    <li>代码高亮:<a href="http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine" title="DlHightLight代码高亮组件">DlHightLight代码高亮组件</a> | <a href="http://code.google.com/p/google-code-prettify/">Google Code Prettify</a></li>
</ul>

<h2>版本控制</h2>
<ul class="hide">
    <li><a href="http://blog.csdn.net/vagrxie/archive/2009/09/23/4582457.aspx">版本控制系统(RCS)的选择与比较</a></li>
    <li><a href="http://blog.csdn.net/tony1130/archive/2008/10/25/3137494.aspx">拥抱Mercurial---选择分布式版本控制工具</a></li>
    <li><a href="http://blog.csdn.net/meteor1113/archive/2009/07/16/4350408.aspx">几个分布式vcs比较</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Comparison_of_revision_control_software">Comparison of revision control software</a></li>
    <li>代码片段管理:</li>
    <ul>
        <li><a href="http://gist.github.com/">gist@github</a></li>
        <li><a href="http://notepad.cc/">notepad.cc</a></li>
        <li><a href="http://snipt.org/">Snipt.org</a></li>
        <li><a href="http://paste.ubuntu.org.cn/">Ubuntu Paste</a></li>
        <li><a href="http://pastebin.com/">Pastebin</a></li>
        <li><a href="http://paste.pocoo.org">Lodge It!</a></li>
    </ul>
    <li>SVN相关:</li>
    <ul>
        <li><a href="http://svnbook.red-bean.com/" title="最详细的SVN资料">Subversion 与版本控制</a></li>
        <li><a href="http://www.iusesvn.com/subversion/tortoisesvn_doc/1.4/">TortoiseSVN 中文帮助手册(v1.4.1)</a> <a href="http://tortoisesvn.net/docs/release/TortoiseSVN_zh_CN/index.html">v1.6.8</a></li>
        <li><a href="http://tortoisesvn.tigris.org/">Tigris.org</a> - for Windows. </li>
        <li><a href="http://www.subversion.org.cn/">Subversive中文站</a></li>
        <li><a href="http://subclipse.tigris.org/">Subclipse</a></li>
        <li><a href="http://www.eclipse.org/subversive/">Subversive</a></li>
        <li><a href="http://rabbitvcs.org/">RabbitVCS</a> - for Linux. </li>
        <li><a href="http://xuming.net/2010/04/rabbitvcs.html">Ubuntu下最好用的SVN客户端</a></li>
        <li><a href="http://www.open.collab.net/scdocs/ddUsingSVN_command-line.html.zh-cn">SVN 命令行</a></li>
    </ul>
    <li>Mercurial相关:</li>
    <ul>
        <li><a href="http://mercurial.selenic.com/">Mercurial</a> | <a href="http://mercurial.selenic.com/wiki/ChineseTutorial">Mercurial 使用教程</a></li>
        <li><a href="http://hginit.com/">Hg Init: a Mercurial tutorial</a></li>
        <li><a href="http://hgbook.red-bean.com/">Mercurial: The Definitive Guide</a> <a href="http://hgbook.red-bean.com/read/">read</a></li>
        <li><a href="http://leeiio.me/googlecode-converting-svn-to-hg/">在Google Code上用 Mercurial 取代 Subversion 管理你的项目</a></li>
        <li><a href="http://www.cn-cuckoo.com/2010/03/20/distributed-version-control-is-here-to-stay-baby-1436.html">乔尔谈软件终结篇:分布式版本控制系统的时代到来了</a> - 讲到了分布式版本控制的精髓:管理变更,而不是管理版本。</li>
        <li><a href="http://stevelosh.com/blog/2010/08/a-git-users-guide-to-mercurial-queues/">A Git User’s Guide to Mercurial Queues</a></li>
        <li>Mercurial托管服务:<a href="http://bitbucket.org/">Mercurial hosting - bitbucket.org</a> | <a href="http://www.fogcreek.com/kiln/">KilnHg</a></li>
    </ul>
    <li>Git相关:</li>
    <ul>
        <li><a href="http://git-scm.com/">Git</a> - the Fast Version Control System. </li>
        <li><a href="http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/index.html">Stanford出品的Git Magic教程</a></li>
        <li>最详细Git介绍:<a href="http://progit.org/">Pro Git</a> (<a href="http://progit.org/book/">book</a>, <a href="http://progit.org/book/zh/">中文版</a>)</li>
        <li><a href="http://help.github.com/">Git官方帮助文档</a></li>
        <li>简明教程:<a href="http://blog.csdn.net/chinalinuxzend/archive/2008/11/14/3292896.aspx">git 之五分钟教程</a> | <a href="http://wangcong.org/blog/?p=283">进一步学习 Git</a> | <a href="http://www.ibm.com/developerworks/cn/linux/l-git/">使用 Git 管理源代码</a> | <a href="http://www.elias.cn/Develop/GitMini">分布式版本控制工具Git简明笔记</a> | <a href="http://labs.chinamobile.com/mblog/225_2822">译文:GIT日常命令20来条</a></li>
        <li><a href="http://blog.leezhong.com/translate/2010/10/30/a-successful-git-branch.html">Git开发管理之道</a></li>
        <li>Git讨论:<a href="http://zh-cn.whygitisbetterthanx.com/">Why Git is Better than X</a> | <a href="http://www.ibm.com/developerworks/cn/web/wa-git/">Git 改变了分布式 Web 开发规则</a> | <a href="http://www.joomlagate.com/article/joomla-review/why-subversion-will-be-replaced-by-git-for-version-control/">为什么说 Git 将取代 SVN 做软件版本控制?</a></li>
        <li><a href="http://rubynroll.javaeye.com/blog/203133">SVN+GIT=鱼与熊掌兼得</a></li>
        <li>面向 Subversion 用户的 Git:<a href="http://www.ibm.com/developerworks/cn/linux/l-git-subversion-1/">一: 入门指南</a> | <a href="http://www.ibm.com/developerworks/cn/linux/l-git-subversion-2/">面向 Subversion 用户的 Git,第 2 部分: 实施控制</a></li>
        <li><a href="http://www.jeffkit.info/2010/12/885/">Git的推广心得</a> | <a href="http://www.jeffkit.info/2010/12/860/">你为神马不用git-flow呢?</a> | <a href="http://www.jeffkit.info/2010/12/842/">开始实践git-flow</a></li>
        <li><a href="http://github.com/">github</a> | <a href="http://jekyllrb.com/">jekyll</a> | <a href="https://github.com/mojombo/jekyll">codes</a> | <a href="https://github.com/mojombo/mojombo.github.com">demos</a> | <a href="https://github.com/blog/272-github-pages">GitHub Pages</a> | <a href="http://blog.envylabs.com/2009/08/publishing-a-blog-with-github-pages-and-jekyll/">Publishing a Blog with GitHub Pages and Jekyll</a></li>
    </ul>
</ul>

<h2>系统相关</h2>
<ul class="hide">
    <li><a href="http://xbeta.info/win-run.htm" title="最绿色最高效,用win+r启动常用程序和文档">用win+r启动程序和文档</a></li>
    <li><a href="http://lamp.linux.gov.cn/Linux/LFS-6.2/index.html">Linux彻底定制指南(Linux From Scratch)</a></li>
    <li><a href="http://www.douban.com/group/topic/14530790/">服务器和架构方面的一些文章</a></li>
    <li><a href="http://www.cnblogs.com/stephen-liu74/archive/2011/12/20/2285454.html">Linux Shell常用技巧(目录)</a></li>
    <li><a href="http://www.cnblogs.com/stephen-liu74/archive/2012/01/04/2285640.html">Linux Shell高级技巧(目录)</a></li>
    <li><a href="http://wiki.ubuntu.org.cn/%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8%E6%8C%87%E5%BC%95" title="Ubuntu新手入门指引">Ubuntu新手入门指引</a> | <a href="http://wiki.ubuntu.org.cn/Ubuntu%E6%A1%8C%E9%9D%A2%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97" title="Ubuntu桌面入门指南">Ubuntu桌面入门指南</a></li>
    <li>终端(Terminal):<a href="http://www.zsh.org/">zsh</a> | <a href="http://zsh.sourceforge.net/">zsh.sf.net</a> | <a href="http://linuxtoy.org/archives/zsh.html">终极Shell——Zsh</a> | <a href="http://sofish.de/1685">把 Mac 上的 bash 换成 zsh</a> | <a href="http://leeiio.me/bash-to-zsh-for-mac/">zsh – 给你的Mac不同体验的Terminal!</a> | <a href="https://github.com/robbyrussell/oh-my-zsh">oh-my-zsh@github</a></li>
    <li>网络监控:<a href="http://www.fiddler2.com/fiddler2/">Fiddler 2</a> | <a href="http://www.httpwatch.com/">HttpWatch</a> | <a href="http://www.charlesproxy.com/">Charles</a></li>
    <li>远程控制:</li>
    <ul>
    	<li>SSH技巧详解:<a href="http://matt.might.net/articles/ssh-hacks/">SSH: More than secure shell</a></li>
    	<li>SSH:<a href="http://fuse.sourceforge.net/sshfs.html">SSH Filesystem</a> | <a href="http://wowubuntu.com/sshfs.html">在 Ubuntu 上使用 sshfs 映射远程 ssh 文件系统为本地磁盘</a> | <a href="http://code.google.com/p/macfuse/">MacFUSE</a> | <a href="http://www.macupdate.com/app/mac/23721/sshfs-for-mac-os-x">sshfs for Mac OS X</a></li>
    	<li>SecureCRT:<a href="http://www.vandyke.com/products/securecrt/index.html">SecureCRT</a> | <a href="http://www.cnblogs.com/ztf2008/archive/2009/09/11/1564979.html">SecureCRT 常用命令</a></li>
    	<li>PuTTY:<a href="http://www.putty.org/">PuTTY</a> | <a href="http://code.google.com/p/puttycn/">PuTTY 中文版</a> | <a href="http://www.chiark.greenend.org.uk/~sgtatham/putty/">PuTTY: A Free Telnet/SSH Client</a> | <a href="http://chaifeng.com/blog/2007/06/putty_200611.html">PuTTY 中文教程</a> | <a href="https://docs.google.com/View?docid=ajbgz6fp3pjh_2dwwwwt">@google docs</a> | <a href="http://blog.csdn.net/niuniuchou/archive/2010/03/16/5387250.aspx">转</a> | <a href="http://zh.wikipedia.org/wiki/PuTTY">@wikipedia</a></li>
        <li>cURL:<a href="http://curl.haxx.se/">cURL and libcurl</a> | <a href="http://curl.haxx.se/docs/">docs</a> | <a href="http://php.net/manual/en/book.curl.php">PHP: cURL - Manual</a> | <a href="http://www.vimer.cn/2010/03/libcurl%E7%9A%84%E4%BD%BF%E7%94%A8%E6%80%BB%E7%BB%93%EF%BC%88%E4%B8%80%EF%BC%89.html">libcurl的使用总结(一)</a> | <a href="http://www.vimer.cn/2010/03/libcurl%E7%9A%84%E4%BD%BF%E7%94%A8%E6%80%BB%E7%BB%93%EF%BC%88%E4%BA%8C%EF%BC%89.html">libcurl的使用总结(二)</a></li>
    	<li>rsync:<a href="http://rsync.samba.org/">rsync</a> | <a href="http://zh.wikipedia.org/zh-cn/Rsync">zh@wikipedia</a> | <a href="http://en.wikipedia.org/wiki/Rsync">en@wikipedia</a> | <a href="http://everythinglinux.org/rsync/">A Tutorial on Using</a> | <a href="http://www.itefix.no/i2/node/10650">cwrsync - Rsync for Windows</a> | <a href="http://wowubuntu.com/rsync.html">如何用 Rsync 来备份 Linux 文件</a> | <a href="http://www.dbanotes.net/techmemo/aix_rsync.html">AIX 上配置 rsync 简记</a> | <a href="http://www.dbanotes.net/techmemo/rsync_cwrsync_backup_dreamhost_to_windows.html">用 Rsync(cwRsync)备份 Dreamhost 到 Windows 上</a> | <a href="http://www.dbanotes.net/techmemo/rsync_openssh.html">Rsync 与 OpenSSH 结合运用进行文件同步</a></li>
    </ul>
    <li>Email相关:</li>
    <ul>
        <li><a href="http://htmlemailboilerplate.com/">HTML Email Boilerplate - Email模板</a></li>
        <li><a href="http://blog.miniasp.com/post/2008/02/06/How-to-send-Email-with-embedded-picture-image.aspx">如何發送內嵌圖片的 E-mail ( Inline Attachment )</a></li>
        <li><a href="http://www.tzwhx.com/newOperate/html/1/11/112/18550.html">发送内嵌图片邮件的正确方法</a></li>
        <li><a href="http://www.oschina.net/bbs/thread/8428">使用 Commons-Email 在邮件内容中直接嵌入图片</a></li>
        <li><a href="http://www.iteedu.com/webtech/j2ee/springdiary/93.php">内嵌图片或附档</a></li>
        <li><a href="http://inlinestyler.torchboxapps.com/">HTML email inline styler</a></li>
        <li><a href="http://www.ajaxapp.com/2009/03/01/css-to-inline-styles-converter/">CSS to inline styles converter</a></li>
    </ul>
</ul>

<h2>设计相关</h2>
<ul class="hide">
    <li>图片、图标(Icons):</li>
    <ul>
        <li><a href="http://speckyboy.com/2011/12/12/top-50-web-development-design-and-application-icon-sets-from-2011/">2011年50个最佳图标设计集合</a></li>
        <li><a href="http://findicons.com">FindIcons图标搜索引擎</a></li>
        <li><a href="http://www.iconarchive.com/" title="非常多优秀的图标设计供免费下载使用">Icon Archive</a></li>
        <li><a href="http://www.iconspedia.com/">PNG icons &amp; Icons Picks Download</a></li>
        <li><a href="http://dryicons.com/">DryIcons - Free Icons and Vector Graphics</a></li>
        <li><a href="http://www.iconeasy.com/">Icon Easy</a></li>
        <li><a href="http://www.tutorial9.net/">Tutorial9 | Photoshop Tutorials, Photography Tuts, and Resources</a></li>
        <li><a href="http://thedesignmag.com/16-sketchy-hand-drawn-icon-sets.html">16 Sketchy Hand Drawn Icon Sets</a></li>
        <li><a href="http://people.freedesktop.org/~jimmac/icons/">Gnome Icon Theme</a></li>
        <li><a href="http://www.dutchicon.com/">dutch icon?</a></li>
        <li><a href="http://openiconlibrary.sourceforge.net/">开源图标库</a></li>
        <li>PhotoShop:<a href="http://www.blueidea.com/tech/graph/2003/672.asp">PhotoShop通道白解</a> | <a href="http://zhidao.baidu.com/question/293029002.html">PhotoShop CS5序列号</a></li>
    </ul>
    <li>字体:</li>
    <ul>
    	<li><a href="http://zh.wikipedia.org/wiki/%E8%A1%AC%E7%BA%BF%E4%BD%93">什么是衬线体</a></li>
    	<li><a href="http://wenq.org/">文泉驿</a> - 开源字体。开彼源兮,斯流永继。</li>
    	<li><a href="http://www.cnbeta.com/articles/102609.htm">让代码更美:10大编程字体</a></li>
    	<li><a href="http://www.typeisbeautiful.com/">Type is Beautiful</a> - 字体排版</li>
        <li><a href="http://code.google.com/webfonts">Google Font Directory</a></li>
        <li><a href="http://www.network-science.de/ascii/" title="字符图案生成器">ASCII Generator</a></li>
        <li>假文填充:<a href="http://zh.wikipedia.org/zh-cn/Lorem_ipsum">Lorem ipsum</a> | <a href="http://more.handlino.com/" title="一用就爱上的中文假文生成器">中文假文MoreText.js</a> <a href="http://github.com/c9s/more.vim" title="MoreText的vim插件">MoreText的Vim插件</a> | <a href="http://www.richyli.com/tool/loremipsum/">亂數假文產生器 Chinese Lorem Ipsum</a></li>
    </ul>
    <li>表格:</li>
    <ul>
        <li><a href="http://article.yeeyan.org/view/155461/108136">15个优秀的表格设计技巧</a></li>
        <li><a href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html">Creating a table with dynamically highlighted columns like Crazy Eggs pricing table</a></li>
        <li><a href="http://www.junchenwu.com/2007/02/redesign_a_simple_table.html">越减越妙:简单表格的再设计</a></li>
        <li><a href="http://blog.bingo929.com/15-jquery-plugins-for-better-table-manipulation.html/comment-page-1">15款提高表格操作的jQuery插件</a></li>
    </ul>
    <li>资源:</li>
    <ul>
        <li><a href="http://dribbble.com/">Dribble:著名设计师聚合网站</a></li>
        <li><a href="http://www.zcool.com.cn/">站酷:交流设计、分享快乐</a></li>
        <li><a href="http://www.quanjing.com/">全景:创意图片库</a></li>
        <li><a href="http://designlol.net/">Designlol:全球设计精享</a></li>
        <li><a href="http://cn.designboom.com/">Designboom</a></li>
        <li>配色方案:<a href="http://www.colorschemer.com/">Color Schemer</a> | <a href="http://kuler.adobe.com/">kuler</a> | <a href="http://color.aurlien.net/">Piknik Color Picker</a></li>
        <li><a href="http://www.qianduan.net/80-more-absolutely-beautiful-dual-screen-wallpaper.html">80多个绝对漂亮的双屏壁纸</a></li>
    </ul>
</ul>

Web开发安全相关

VIM

<script type="text/javascript"> $(document).ready(function(){ $('#content a').each(function(index,element){ var href = $(this).attr('href'); if(href.indexOf('#') == 0){ }else if ( href.indexOf('/') == 0 || href.toLowerCase().indexOf('beiyuu.com')>-1 ){ $(this).attr('target','_blank'); }else{ $(this).attr('target','_blank'); $(this).addClass('external'); } }); $('body').delegate('h2','click',function(e){ e.preventDefault(); $(this).next('ul').toggle(); }); }); </script>

About

web开发的一些资料,不仅仅是前端资料

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published