JSer.info #136 - Bootstrap 3 RC2(aka. Twitter Bootstrap) がリリースされました。
細かい部分のアップデートやMigrating from 2.x to 3.0等のドキュメントが整備されてきています。
WIP: Bootstrap 3 by mdo · Pull Request #6342 · twbs/bootstrap にTodoとして残っている部分も大分減ってきています。
New Features of Firefox Developer Tools: Episode 25 ✩ Mozilla Hacks – the Web developer blog(訳: Firefox 開発ツールの新機能: エピソード 25 | Mozilla Developer Street (modest))では、
Firefox25での開発ツールの新機能についてまとめられています。
ライブラリのブラックボックス化 という機能では、デバッガーなどが指定したファイル(ライブラリ)などを無視できるようになってます。
これを使うとステップ実行時にライブラリをスルーしたりできるので結構便利そうです。
どちらの記事も、今までのES5での書き方とES6の新しい文法を使った書き方を対比しながら、ES6について書かれています。
コンストラクタ関数とnew、thisやスコープといった混乱しやすい(対処方法も複数存在してる)部分をES6で導入された文法を使うことで、
目的が分かりやすくクリア(人によって左右されにくい書き方)になるかについて書かれています。
YUI 3.12.0 Release Candidate 1 - YUI Blog
http://www.yuiblog.com/blog/2013/08/15/yui-3-12-0-release-candidate-1/
JavaScript library ReleaseNote
YUI 3.12.0 RC1リリース
Node v0.10.16 (Stable)
http://blog.nodejs.org/2013/08/16/node-v0-10-16-stable/
node.js ReleaseNote
Node v0.10.16 リリース
AngularJS 1.2.0-rc1: spooky-giraffe | AngularJS
http://blog.angularjs.org/2013/08/angularjs-120-rc1-spooky-giraffe.html
AngularJS ReleaseNote
AngularJS 1.2.0-rc1リリース
jQuery Mobile 1.4.0 Alpha 2 released | jQuery Mobile
http://jquerymobile.com/blog/2013/08/15/jquery-mobile-1-4-0-alpha-2-released/
jQuery mobile ReleaseNote
jQuery Mobile 1.4.0 Alpha 2リリース
Blog — JSHint
http://jshint.com/blog/2013-08-15/release/
JavaScript Tools ReleaseNote
JSHint 2.1.10リリース。
for ofとgeneratorの組み合わせのサポート
BackboneConf
http://backboneconf.com/
backbone.js スライド 動画
http://backboneconf.com/2013/ の動画とスライドが公開された。
Bootstrap 3 RC2 · Bootstrap Blog
http://blog.getbootstrap.com/2013/08/13/bootstrap-3-rc2/
CSS design library ReleaseNote
Bootstrap 3 RC2リリース。
ドキュメントにAccessibility sectionを追加、Grid、Button、Form、Navbarの変更
JavaScriptMVC 3.3 Released! » Bitovi
http://www.bitovi.com/blog/2013/08/javascriptmvc-3.3.html
JavaScript MVC jQuery library ReleaseNote
JavaScriptMVC 3.3リリース。
jQueryMXをCanJSとjQuery++に分離、Google Closure JSDocの追加
New Features of Firefox Developer Tools: Episode 25 ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/08/new-features-of-firefox-developer-tools-episode-25/
firefox デバック
Firefox25での開発ツールについて
スクリプト毎にbreakpoint等を無視する設定(ブラックボックス化)やネットワークモニターからの再送信、CSSの自動補完、コンソールから現在のスコープでスクリプトを実行(コンソールとスクラッチパッド)、プロファイラーの保存、読み込み等。
日本語訳
Callable entities in ECMAScript 6
http://www.2ality.com/2013/08/es6-callables.html
JavaScript ECMAScript
JSでは関数のように呼べるものが複数あり、またnew,this,スコープの問題もあり混乱する。
ES6では=>、letとブロックスコープ、 concise method syntax、class等が追加されているが、それらを使うことで既存の問題をどのようにシンプルにできるかについて。
Toward Modern Web Apps with ECMAScript 6 | Blog | Sencha
http://www.sencha.com/blog/toward-modern-web-apps-with-ecmascript-6/
JavaScript ECMAScript
ES6の新しい文法について。
ES5で書いた場合と対比してまとめてる。
デフォルトパラメータ、let、メソッド定義の簡易記法、arrow function、spread operator、rest parameters、for of、class、module、generatorなどについて
Targeting first and last rows in CSS grid layouts | Keith Clark
http://blog.keithclark.co.uk/targeting-first-and-last-rows-in-css-grid-layouts/
CSS tutorial
:nth-childの使い方ついて。
グリッド要素を例に選択される要素を説明してる
JavaScriptでアニメーションを書く初歩の初歩 » nmi.jp
http://nmi.jp/archives/510
JavaScript animation
JavaScriptでのsetTimeoutを使ったアニメーションの書き方について
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え | MOL
http://t32k.me/mol/log/reduce-http-requests-overview/
HTTP web browser mobile
HTTP 1.1/ ブラウザで見るHTTPリクエストの中身の解説と確認方法、同時接続数とHTTPリクエストの減らし方についての連載
▶ 6 Ways To Disable CSS Or Specific Stylesheets In Chrome - YouTube
http://www.youtube.com/watch?v=hftoly8QhEs
Chrome CSS
ChromeでCSSを無効にする方法についての動画。
http://bit.ly/1df1HAm , http://bit.ly/1df1JIj , Chrome Dev Toolsを用いた方法
▶ AngularJS + TypeScript : Workflow - YouTube
http://www.youtube.com/watch?v=0-6vT7xgE4Y
TypeScript AngularJS WebStorm 動画
AngularJS + TypeScript + WebStorm + Gruntでの開発ワークフローについての動画
Bespoke.js: The Road to 1KB
http://markdalgleish.github.io/presentation-bespoke.js-the-road-to-1kb/
JavaScript スライド library
1KB以下のスライドショーライブラリである Bespoke.js についてのスライド。
どのようにして小さくしたのかや、Gruntタスク、Yeoman Generatorについて等
Tooling for Modern Web App Developer // Speaker Deck
https://speakerdeck.com/praveenvijayan/tooling-for-modern-web-app-developer
HTML CSS JavaScript Tools library スライド
フロントエンド開発に使うライブラリやツール、スタイル、サービスなどについてのスライド。
simpl.info
http://www.simpl.info/
WebAPI JavaScript HTML css
HTML/CSS/JavaScript等についてのシンプルなサンプル集.
WebPlatformAPIやHTML5要素を使ったコード例
Node Weekly: A Free, Weekly Node Email Newsletter
http://nodeweekly.com/
node.js mail
Nodeの週刊なメールマガジン by Cooper Press
Yo, yo, yo!
http://jlord.github.io/sheetsee.js/
JavaScript library
Google SpreadsheetをDBみたいに利用できるJavaScriptライブラリ
jrfeenst/esquery
https://github.com/jrfeenst/esquery
JavaScript library
Mozilla Parser ASTをCSSセレクタみたいにクエリで検索できるライブラリ
RaphaelJS - O’Reilly Media
http://shop.oreilly.com/product/0636920029601.do
SVG JavaScript library book
Raphaëlについての書籍
Amazon: Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語 [単行本（ソフトカバー）]: 平澤 隆, 森田 壮
http://www.amazon.co.jp/o/ASIN/4844334662/amazon0abac-22/ref=nosim
CSS Sass book
2013年9月13日発売
Sass本 http://book.scss.jp/
今週の言葉
OH: “grunt plugins are the new jquery plugins” #melbjs
— Ryan Seddon (@ryanseddon)
MelbJSの発表内での発言です。
