Fork me on GitHub

2014-08-19のJS: Sass 3.4、Compass 1.0、IE11/F12開発者ツール

Edit on GitHub 編集履歴を見る

JSer.info #188 - Sass 3.4がリリースされました。

parent selector & の扱いの改善や、sourcemapの生成がデフォルトに(無効にする場合は--sourcemap=noneとする)、@errorディレクティブのサポート等が入っています。


Sassを使ったフレームワークであるCompassの1.0がついにリリースされました。
(前回のstableは2012年06月24日)

autoprefixerと同じようにvendor prefixはCan I useのデータを使って生成するようになったことや、CompassのCoreライブラリをCompassコマンドなしで利用出来るようになっています。

またSassのsourcemapのサポートやCompass-blueprintはCoreからはずされてpluginとして利用するようになっています。

その他の変更点についてはChangelogを参照して下さい。


上記の記事ではIE11の8月度のアップデートについて書かれています。
IE11でのWebDriverのサポートや開発者ツールのアップデートがされています。

Announcing new F12 dev tools features in August update - IEBlog - Site Home - MSDN Blogs の方に開発者ツールの変更点が書かれていますが、表示周りが幅広く更新されています。

カラーピッカーの追加、watchでの補完、ブレーク時に関数がreturnしてる値の表示、UI Responsiveness tool/Memory toolのデザイン改善、セッションをimport/export出来るようになる等、結構変わっている部分が多いです。


ヘッドライン


Sass 3.4 is Released « Sass Blog

blog.sass-lang.com/posts/221239-sass-34-is-released

Sass ReleaseNote

Sass 3.4 リリース。

parent selector &の扱いを改善、Selector Functionsで&を使えるように。@error ディレクティブの追加、sourcemapの生成がデフォルトになるなど


Compass 1.0 is Released! | Compass Documentation

compass-style.org/blog/2014/08/15/omg-compass-1-0/

Sass library ReleaseNote

Compass 1.0リリース。

ベンダーprefixはcaniuseを利用、コマンドラインツールなしにライブラリとして利用可能に、sourcemapサポート、import-onceでのパフォーマンス改善等


Release JSHint 2.5.4 · jshint/jshint

github.com/jshint/jshint/releases/tag/2.5.4

JavaScript Tools ReleaseNote

JSHint 2.5.4リリース。


August updates for Internet Explorer - IEBlog - Site Home - MSDN Blogs

blogs.msdn.com/b/ie/archive/2014/08/13/august-updates-for-internet-explorer.aspx

IE ReleaseNote

2014年8月のIE11のアップデートについて。

F12開発者ツールの改善、WebGLの改善、WebDriverのサポート


jQuery UI 1.11.1 | jQuery UI Blog

blog.jqueryui.com/2014/08/jquery-ui-1-11-1/

jQuery UI ReleaseNote

jQuery UI 1.11.1リリース


Knockout 3.2.0 released - Steve Sanderson’s blog - As seen on YouTube™

blog.stevensanderson.com/2014/08/18/knockout-3-2-0-released/

JavaScript MVC library ReleaseNote

Knockout 3.2.0リリース。

Components、Custom Elements、textInputのバインディングなどの追加。

IE6のサポートは維持


Release v0.8.0: Release 0.8.0 (2014-08-12) · twada/power-assert

github.com/twada/power-assert/releases/tag/v0.8.0

JavaScript testing library ReleaseNote

power-assert 0.8.0リリース。

espowerのオプションでアサーションの指定がescallmatchを使ったパターンを渡す方法に変更。デフォルト設定を使っている場合はそのまま維持される。


アーティクル


長期かつ修正頻度の高いPJでのCSSメンテ - ワザノバ | wazanova

wazanova.jp/items/1484

CSS 設計 翻訳

大規模プロジェクトでのCSSのメンテナンスビリティについて。

  • DRYより修正する時に迷わず消せるような疎結合なコンポーネントである方が長期的にはよかった
  • プロジェクトにおける命名ルールを持つことはいいこと
  • コンポーネントに名前空間をもたせると分かりやすいこと
  • ファイルの管理について
  • ライブラリmixinの問題について

等、実践的な事について書かれていて参考になります。


Opinionated Rundown of JS Frameworks | Blog

blog.andyet.com/2014/08/13/opinionated-rundown-of-js-frameworks

JavaScript MVC まとめ

HumanJSの人によるJavaScript MV*のまとめ

Angular/Ember/React/Polymer/Backbone.js/Vanilla/Ampersand.js


Web Reflection: PointerEvents No More

webreflection.blogspot.com/2014/08/pointerevents-no-more.html

Chrome event

BlinkはPointerEventsを実装しないことにした事について。

  • touch eventsが既にある
  • hit-testモデルがパフォーマンス的に不利
  • 複雑すぎる

等が主な理由。


Announcing new F12 dev tools features in August update - IEBlog - Site Home - MSDN Blogs

blogs.msdn.com/b/ie/archive/2014/08/14/announcing-new-f12-dev-tools-features-in-august-update.aspx

IE debug

IE11のF12開発者ツールの変更点について。

カラーピッカー、sourcemapの選択機能、補完の強化、Asyncコールスタック、パフォーマンス、メモリパネルでセッションをimport/exportが可能になる等


古めかしいCGを描くためのライブラリ gretro です - 音の鳴るブログ

mohayonao.hatenablog.com/entry/2014/08/12/111859

JavaScript canvas library

Canvasで描くとどうしてもモダンな感じになってしまうという問題を解決するライブラリ。

色やパターンを絞ってレトロな感じのCanvasを描画出来る


スライド、動画関係


ESNext for humans - LvivJS 16 August 2014

www.slideshare.net/janjongboom/esnext-for-humans-lvivjs-16-august-2014

ECMAScript JavaScript スライド

ES6についてのスライド。

新しい構文についての紹介がメインでGeneratorについて詳しく説明してる


JavaScript Test-Driven Development with Jasmine 2.0 and Karma

www.slideshare.net/cebartling/javascript-38057372

JavaScript testing library スライド

Jasmine2.0とKarmaについてのスライド。

jasmine spyについて紹介されてる


ソフトウェア、ツール、ライブラリ関係


arian/partition-bundle

github.com/arian/partition-bundle

browserify plugin library

Browserify内にAMD的な動的ロードを持ち込むplugin。

動的に読み込みたいjsファイルを定義した設定ファイルを作り、動的に読み込むようにrequireではなくloadjs関数を使って読み込む。


Rome

bevacqua.github.io/rome/

JavaScript UI library

依存がないDate/Time Picker UIライブラリ。


gwendall/way.js

github.com/gwendall/way.js

DOM JavaScript library

HTML formで入力した内容をStorageに保存したり、JSONにしたり、監視や値のやり取りが出来るライブラリ。

フォームに属性を指定しておくだけで、フォーム内容の保存的な事が出来る


thlorenz/browserify-devdupe · GitHub

github.com/thlorenz/browserify-devdupe

browserify npm library

browserify bundleを作るときにnpm dedupeみたいな事をするモジュール


mizchi/bower-build

github.com/mizchi/bower-build

JavaScript Tools

bowerのmainで指定されているファイルをconcatしたものを生成するツール


この記事へ修正リクエストをする
記事を紹介する