株式会社ピクセルグリッド / PixelGrid Inc.
https://www.pxgrid.com/
改訂版 Webデザイナーのための jQuery入門 | 髙津戸 壮, 小原 司 |本 | 通販 | Amazon
https://www.amazon.co.jp/dp/4774169447
Dynamic HTML
https://msdn.microsoft.com/ja-jp/library/cc409712.aspx
JavaScript Image Rollover Tutorial
| var MyModel = Backbone.Model.extend({ | |
| initialize: (attrs){ | |
| var self = this; | |
| self.updateDate(); | |
| self.bind('change:date', function(){ | |
| self.updateDate(); | |
| }); | |
| }, | |
| updateDate: function(){ | |
| var date = this.get('date'); |
| html, | |
| body { | |
| color: black | |
| } | |
| #wrapper { | |
| font: 16px helvetica, arial, freesans, clean, sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| line-height: 1.6; | |
| padding: 3px; | |
| background: #fff; |
| # ================================================================== | |
| # Cakefile - compile, concatenate, minify coffee | |
| # ================================================================== | |
| # ├─ Cakefile | |
| # ├─ lib | |
| # │ ├─ all.js | |
| # │ └─ all.min.js | |
| # └─ src | |
| # ├─ fuga.coffee | |
| # └─ hoge.coffee |
| var win8orhigher = (function() { | |
| // windows browsers has str like "Windows NT 6.2" in its UA | |
| // Win8 UAs' version is "6.2" | |
| // browsers above this version may has touch events. | |
| var ua = navigator.userAgent; | |
| var matched = ua.match(/Windows NT ([\d\.]+)/); | |
| if(!matched) { return false; } | |
| var version = matched[1] * 1; | |
| if(version < 6.2) { return false; } | |
| return true; |
| # transitionEnd event name detection from Modernizr | |
| # http://modernizr.com/docs/ | |
| transEndEventName = do -> | |
| names = | |
| WebkitTransition: "webkitTransitionEnd" | |
| MozTransition: "transitionend" | |
| OTransition: "oTransitionEnd" | |
| msTransition: "MSTransitionEnd" | |
| transition: "transitionend" |
| /* lazy eventy implementation with jQuery */ | |
| class Module | |
| on: (evName, callback) -> | |
| @_observer = $({}) unless @_observer? | |
| @_observer.on evName, (args...) => | |
| args.shift() # we don't want event object | |
| callback.apply @_observer, args | |
| @ | |
| one: (evName, callback) -> |
| class Module | |
| _.extend Module::, Backbone.Events | |
| class AudioPreloader extends Module | |
| constructor: (options) -> | |
| @options = options | |
| @playableSrc = @_detectPlayableSrc() |
| class Module | |
| _.extend Module::, Backbone.Events | |
| class App extends Module | |
| app = new App | |
| app.on 'hoge', -> | |
| console.log 'hoge done!' |
| window.requestAnimFrame = do -> | |
| window.requestAnimationFrame or | |
| window.webkitRequestAnimationFrame or | |
| window.mozRequestAnimationFrame or | |
| window.oRequestAnimationFrame or | |
| window.msRequestAnimationFrame or | |
| (callback, element) -> | |
| window.setTimeout callback, 1000 / 60 |