JSer.info #119 - jQuery 2.0がリリースされました。
以前発表されたロードマップ通り、jQuery 2.x ではIE8以下のサポートは廃止されていて、jQuery 1.9とはAPIの互換性はそのまま維持されています。(サポートブラウザが減った以外)
そのため、IE8以下を気にしない場合はjQuery Core 1.9 Upgrade Guide(日本語訳、変更点)がそのまま適応出来ます。
Sencha Touch 2.2がリリースされました。
今まではWebkitに依存したコードのみしか入ってない感じでしたが、IE10をサポートする上でWebkit依存を取り除いているみたいです。
Flexboxが関わりそうな感じがするので並べておきます。(コードは見てないです)
- CSS Flexible Box Layout Module
- 可変ボックス (“Flexbox”) レイアウト (Windows)
- IE8から始めるテーブルレイアウト と IE10からのFlexible Box|Web Design KOJIKA17
- flexible ボックスメモ - hogehoge @teramako
- FlexboxがLCに: プロパティ名などもろもろ変更 - fragmentary 歴史
jQuery 2.0 Released | Official jQuery Blog
http://blog.jquery.com/2013/04/18/jquery-2-0-released/
jQuery 2.0リリース。
IE 6/7/8のサポート廃止(古いIEは1.xの方で対応)、ファイルサイズの軽量化、CSPに対するテストの追加等
Surfin’ Safari - Blog Archive » Last week in WebKit: a new hope
https://www.webkit.org/blog/2291/last-week-in-webkit-a-new-hope/
peter.sh はBlinkがメインとなるけど、
Last week in WebKitは別の方が引き続きやって行く感じに。
Hello Sencha Touch 2.2 | Blog | Sencha
http://www.sencha.com/blog/hello-sencha-touch-2-2/
Sencha Touch 2.2リリース。
IE10のサポート+やっとWebkitに依存してたコード取り除いたみたい。
和訳: http://www.xenophy.com/sencha-blog/6878
JSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama-ch
http://ama-ch.hatenablog.com/entry/2013/04/21/160208
Closure LinterとJSHintが共存できるようになったので、設定についてやGrunt、WebStormについて
Nodeでプライベートな(exportsされてない)メソッドのテスト - ぶれすとつーる
http://nazomikan.hateblo.jp/entry/2013/04/10/032410
Nodeのvm.runInContextを使ってexportsされてないメソッド等を別のモジュールから読み込んでテストをする方法について
jQuery Custom Events
http://blog.socialcast.com/jquery-custom-events/
jQueryのCustom Eventについて。
Namespaced Events、$.Event()でのオブエジェクトを使ったEventの使い方、DOM以外のでのEventについて
Package Managers: An Introductory Guide For The Uninitiated Front-End Developer - Tech.Pro
http://tech.pro/tutorial/1190/package-managers-an-introductory-guide-for-the-uninitiated-front-end-developer
npmとBowerの使い方、オプション、package.jsonの解説。
List of Pseudo-Elements to Style Form Controls - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development
http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls
フォームやコントロールを装飾する擬似要素のまとめ.
基本的にブラウザに依存する部分なのでpreix付きメイン。
A comparison of Angular, Backbone, CanJS and Ember - Sebastian’s Blog
http://sporto.github.com/blog/2013/04/12/comparison-angular-backbone-can-ember/
Angular, Backbone, CanJS , Emberの項目別比較.
生産性やパフォーマンスとかだけじゃなくてコミュニティやエコシステムについて書かれてるのが面白い
Ember 101: Learn Ember One Video At a Time
http://ember101.com/
Ember.jsについて扱う動画チュートリアルサイト
Test-Driven Development with Jasmine Presentation
http://designpepper.com/blog/tdd-with-jasmine
Jasmineを使ったTDDについての発表(スライド+動画)
Green->Red->Refactoringの開発の流れやJasmineのspy等の機能紹介、matcherの追加等について
Grunt 日本語リファレンス | js STUDIO
http://js.studio-kingdom.com/grunt
Gruntの日本語リファレンス
FESS your CSS
http://www.fess.me/
CSSのショートハンドを展開したCSSにしてくれるサービス
backgroundをそれぞれbackground-*みたいに展開する感じ。
border-image-generator
http://border-image.com/
border-imageのパラメータをプレビューを見ながらいじれるエディタ
textareaにコードを書きやすくするための機能をつけるライブラリ。
タブ入力やauto indent、括弧等の組み合わせの補完等
NV/captureCalls.js · GitHub
https://github.com/NV/captureCalls.js
キャプチャーしたいメソッドが呼ばれたらスタックトレースを吐くようにするライブラリ.
spyみたいな感じでオリジナルのメソッドを置き換えてて、元にも戻せるようになってる
Physics for JavaScript
http://jonobr1.github.io/Physics/
ProcessingのTraer Physicsのポート.
物理演算エンジンライブラリ
subprotocol/verlet-js · GitHub
https://github.com/subprotocol/verlet-js
Verlet法を使った物理演算エンジンライブラリ
kbouchard/devtools-redirect · GitHub
https://github.com/kbouchard/devtools-redirect
アクセスするリソースをルールに基づいてリダイレクトするChrome Dev Tools拡張.
autoResponder的にサイト上のリソースをローカルサーバのファイルと差し替える等して使える
類似:
harthur/kittydar · GitHub
https://github.com/harthur/kittydar
JavaScriptで書かれた猫の顔を認識するライブラリ
HTML5 Canvas, 2nd Edition - O’Reilly Media
http://shop.oreilly.com/product/0636920026266.do
Canvasについてかなり詳しく書かれている書籍(Pages: 750)
Jasmine Testing… by Joshua Clanton [Leanpub PDF/iPad/Kindle]
https://leanpub.com/jasmine-testing/
Jasmineを使ったテストについての書籍(まだ書き始めたばかり10%)
同じくJasmineを扱ったJavaScript Testing with Jasmine - O’Reilly Mediaも発売済み