chestozo / knol

All knowledge about js / web / related will be saved from now here

Table of Contents generated with DocToc

• js
  • Math / algorithms
  • HTML5 / ES5
  • Testing
  • Communication / messaging
  • Frameworks / Toolkits
  • libs / plugins
  • Localization
  • Interesting
  • Useful
  • Animation
  • Templates
  • Docs
  • Performance
  • Mobile
  • Tools / utils
• CSS
  • Animation / css3
• HTML
• X-browser
• SSH

js

Math / algorithms

• Classic computer science paradigms, algorithms https://github.com/nzakas/computer-science-in-javascript -- Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript / by zakas
• Checksum algorithm (faster than md5 but with lower insurance) http://en.wikipedia.org/wiki/Fletcher's_checksum

HTML5 / ES5

• Enable html5 sectioning elements in old IE https://github.com/aFarkas/html5shiv
• Fullscreen API http://stackoverflow.com/questions/7836204/chrome-fullscreen-api
• Demos http://html5demos.com/
• http://www.html5rocks.com/en/
• File API https://groups.google.com/a/chromium.org/forum/?fromgroups#!topic/chromium-html5/Mm8sex10aCg
• File API wrapper http://bgrins.github.com/filereader.js
• File API usage example http://www.html5rocks.com/en/tutorials/file/filesystem/#toc-support
• History API https://github.com/balupton/history.js
• http://www.slideshare.net/ferrantes/ecmascript-5-10575898
• Feature detection: how it works http://addyosmani.com/polyfillthehtml5gaps/slides/#71
• audio / video player jquery http://jplayer.org/
• html5 audio video http://mediaelementjs.com/
• http://www.htmlfivecan.com/#1
• Using polyfills html5 X-browser http://lojjic.github.com/html5denver-polyfills/slides.html#1
• https://github.com/kriskowal/es5-shim shim array

Testing

• qunit http://docs.jquery.com/Qunit
• hiro http://hirojs.com/ (used by disqus?)
• mocha http://mochajs.org/ / by TJ
• jasmine http://pivotal.github.com/jasmine/
• sinon ! http://sinonjs.org/
• sinon + qunit http://cjohansen.no/en/javascript/using_sinon_js_with_qunit
• expresso http://visionmedia.github.com/expresso/
• http://code.google.com/p/js-test-driver/
• http://watir.com/frameworks/#rspec
• http://google-opensource.blogspot.com/2011/09/introducing-google-js-test.html
• http://developer.yahoo.com/blogs/ydn/posts/2011/08/javascript-unit-test-environment-jute-now-open
• PhantomJS ! http://phantomjs.org/
• PhantomJS command line keys / docs http://code.google.com/p/phantomjs/wiki/Interface#__WebPage___Object
• Jenkins + Jasmine + PhantomJS + JSHint http://www.zendesk.com/blog/javascript-loves-ci
• js console ! : remote debug http://jsconsole.com/remote-debugging.html
• Remote js debugger http://lexandera.com/aardwolf/

Communication / messaging

• Cross-domain messaging http://easyxdm.net/wp/
• http://www.slideshare.net/SlexAxton/breaking-the-cross-domain-barrier

Frameworks / Toolkits

• http://amplifyjs.com/ -- store / request / pub/sub
• http://meteor.com/ -- live reload?
• http://canjs.us/
• Bootstrap, of course http://twitter.github.com/bootstrap/components.html
• Angular JS MVW http://angularjs.org/#%2Flist
• Backbone http://documentcloud.github.com/backbone/
• http://spinejs.com/
• Select MVC framework looking at how the same task is done with the help of different frameworks http://todomvc.com/

libs / plugins

• Loader / spinner http://fgnass.github.com/spin.js/
• Double suggest http://hernantz.github.com/doubleSuggest/ jquery
• keyboard shortcuts https://github.com/madrobby/keymaster
• keyboard http://keithcirkel.co.uk/jwerty/
• favicon draw! http://makeable.github.com/Notificon/
• js tree http://www.jstree.com/
• Text selection http://code.google.com/p/rangy/
• Money conversion http://josscrowcroft.github.com/money.js/
• Micro libs http://microjs.com
• Images loaded http://desandro.github.com/imagesloaded
• Image parallax effect http://stephband.info/jparallax/
• md5 http://pajhome.org.uk/crypt/md5/md5.html

Localization

• http://slexaxton.github.com/Jed/

Interesting

• https://github.com/bestiejs -- a lot of stuff
• Detect privatae browsing mode http://m.cg/post/13095478393/detect-private-browsing-mode-in-mobile-safari-on-ios5
• Webkit inspector shortcuts http://trac.webkit.org/wiki/WebInspector
• 3d clouds http://www.clicktorelease.com/tutorials/css3dclouds/ css3 js
• mouse scroll / wheel http://jsbin.com/umoyar/edit#javascript,html,live
• wtf http://wtfjs.com/
• http://mbebenita.github.com/LLJS/
• Dev tools secrets http://www.andismith.com/blog/2011/11/25-dev-tool-secrets/
• Light / shadow effect http://www.zachstronaut.com/posts/2012/01/17/stop-sopa-protest-template.html
• Patterns collection http://shichuan.github.com/javascript-patterns/
• iOS web app example with cache.manifest usage https://github.com/jed/20x20
• Explore Chromium source code http://code.google.com/p/chromium/source/search
• Live pages: interaction on a new level http://worrydream.com/Tangle/guide.html
• Sharing page events with other users http://peerbind.com/
• http://tcorral.github.com/Cutter.js/
• Old ie conditional compilation http://www.javascriptkit.com/javatutors/conditionalcompile.shtml

Useful

• grunt ! https://github.com/cowboy/grunt
• Presentation 3d http://lab.hakim.se/reveal-js/#/ slides
• One more super slides engine http://bartaz.github.com/impress.js/#/its slides
• Conditional loader https://github.com/SlexAxton/yepnope.js
• example js comparison special case testing http://jsbin.com/otopad/edit#javascript,html
• Regexp testing http://refiddle.com/
• Regexp testing ! http://regexpal.com/
• Regexp docs https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions
• Comparison of documentation generators http://en.wikipedia.org/wiki/Comparison_of_documentation_generators
• http://arandomurl.com/2011/04/02/jquery-couch-js-documentation.html docs
• https://github.com/visionmedia/dox docs md
• docco (I have a clone) http://jashkenas.github.com/docco/ docs
• Live code syntax highlight and execution https://github.com/marijnh/CodeMirror2
• Some geo data http://askgeo.com/
• Device and Viewport Size In JavaScript http://responsejs.com/labs/dimensions mobile
• Principles of Writing Consistent, Idiomatic JavaScript https://github.com/rwldrn/idiomatic.js
• Canvas cheat sheet http://www.nihilogic.dk/labs/canvas_sheet/HTML5_Canvas_Cheat_Sheet.pdf
• node.js auth package https://github.com/bnoguchi/everyauth
• syntax highlight http://softwaremaniacs.org/soft/highlight/
• node.js + nginx http://stackoverflow.com/questions/5009324/node-js-nginx-and-now
• command line arguments parser https://github.com/visionmedia/commander.js
• node.js specific version installer http://apptob.org/
• url rewrite (like proxy?) https://github.com/joehewitt/express-rewrite
• Paul Irish tutorial on using webdev console http://updates.html5rocks.com/2011/09/7-minute-videos-Javascript-Console-Protips-newish-DOM-APIs
• Event compatibility tables http://www.quirksmode.org/dom/events/
• Visual events http://www.sprymedia.co.uk/article/Visual+Event
• Testing localstorage space http://arty.name/localstorage.html
• https://developer.mozilla.org/En/HTTP_access_control#Access-Control-Allow-Origin

Animation

• Cool zoom / rotate / skew effect http://janne.aukia.com/zoomooz/
• http://blackberry.github.com/Alice/demos/index.html
• example raphael animation functions in js http://jsbin.com/aqoyep/3/edit#preview
• http://johnpolacek.github.com/scrollorama/ scroll

Templates

• http://jade-lang.com/ like
• Templates engine chooser http://garann.github.com/template-chooser/
• { http://mustache.github.com/
• https://github.com/flatiron/plates
• Firebug templates http://fbug.googlecode.com/svn/branches/firebug1.9/content/firebug/lib/domplate.js
• http://paularmstrong.github.com/swig/docs/ inheritance

Docs

• http://espadrine.github.com/New-In-A-Spec/
• Event dispatch and DOM event flow http://www.w3.org/TR/DOM-Level-3-Events/#event-flow

Performance

• V8 Performance Tuning Tricks https://mkw.st/p/gdd11-berlin-v8-performance-tuning-tricks/#1

Mobile

• Bookmark that converts any site to mobile version: https://twitter.com/sindresorhus/status/212760299730763777

Tools / utils

• http proxy https://github.com/nodejitsu/node-http-proxy

CSS

• CSS Compatibility and Internet Explorer http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx
• Stylus ! http://learnboost.github.com/stylus/
• kizu http://kizu.ru/en/fun/
• background attachment http://people.opera.com/pepelsbey/experiments/bga/
• can I use? http://caniuse.com/#feat=svg-css
• kizu border svg http://dabblet.com/gist/2509286
• z-index http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
• filters http://html5-demos.appspot.com/static/css/filters/index.html
• native css scroll in webkit http://jsbin.com/avuvin/3
• animation / rotation / 3d / cube / perspective http://24ways.org/2010/intro-to-css-3d-transforms
• 3d / perspective http://www.eleqtriq.com/2010/05/understanding-css-3d-transforms/

Animation / css3

• box-shadow https://developer.mozilla.org/en/CSS/box-shadow
• clip https://developer.mozilla.org/en/CSS/clip
• transform https://developer.mozilla.org/en/CSS/transform
• transform-origin https://developer.mozilla.org/en/CSS/transform-origin
• timing-functions http://www.the-art-of-web.com/css/timing-function/
• example rotate image http://jsbin.com/ecibur/edit#html,live

HTML

• Structure / class names / BEM http://nicolasgallagher.com/about-html-semantics-front-end-architecture/

X-browser

• IE fixes http://code.google.com/p/ie7-js/

SSH

• Faster operations over ssh (like git pull / git push): use ControlPersist in ~/.ssh/config via http://stackoverflow.com/questions/14170722/how-to-make-git-push-run-faster/14172981#14172981