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を参照して下さい。
- August updates for Internet Explorer - IEBlog - Site Home - MSDN Blogs
- Announcing new F12 dev tools features in August update - IEBlog - Site Home - MSDN Blogs
上記の記事では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出来るようになる等、結構変わっている部分が多いです。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Sass 3.4 is Released « Sass Blog
blog.sass-lang.com/posts/221239-sass-34-is-released
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/
Compass 1.0リリース。
ベンダーprefixはcaniuseを利用、コマンドラインツールなしにライブラリとして利用可能に、sourcemapサポート、import-onceでのパフォーマンス改善等
Release JSHint 2.5.4 · jshint/jshint
github.com/jshint/jshint/releases/tag/2.5.4
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
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 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/
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
power-assert 0.8.0リリース。
espowerのオプションでアサーションの指定がescallmatchを使ったパターンを渡す方法に変更。デフォルト設定を使っている場合はそのまま維持される。
アーティクル
長期かつ修正頻度の高いPJでのCSSメンテ - ワザノバ | wazanova
大規模プロジェクトでのCSSのメンテナンスビリティについて。
- DRYより修正する時に迷わず消せるような疎結合なコンポーネントである方が長期的にはよかった
- プロジェクトにおける命名ルールを持つことはいいこと
- コンポーネントに名前空間をもたせると分かりやすいこと
- ファイルの管理について
- ライブラリmixinの問題について
等、実践的な事について書かれていて参考になります。
Opinionated Rundown of JS Frameworks | Blog
blog.andyet.com/2014/08/13/opinionated-rundown-of-js-frameworks
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
BlinkはPointerEventsを実装しないことにした事について。
- touch eventsが既にある
- hit-testモデルがパフォーマンス的に不利
- 複雑すぎる
等が主な理由。
- Issue 162757 - chromium - Implement pointer events in Chrome behind experimental flag - An open-source project to help move the web forward. - Google Project Hosting
- PSA: PointerEvents and PointerGestures are being replaced by polymer-gestures, breaking changes for pointer* events - Google グループ
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
IE11のF12開発者ツールの変更点について。
カラーピッカー、sourcemapの選択機能、補完の強化、Asyncコールスタック、パフォーマンス、メモリパネルでセッションをimport/exportが可能になる等
古めかしいCGを描くためのライブラリ gretro です - 音の鳴るブログ
mohayonao.hatenablog.com/entry/2014/08/12/111859
Canvasで描くとどうしてもモダンな感じになってしまうという問題を解決するライブラリ。
色やパターンを絞ってレトロな感じのCanvasを描画出来る
スライド、動画関係
ESNext for humans - LvivJS 16 August 2014
www.slideshare.net/janjongboom/esnext-for-humans-lvivjs-16-august-2014
ES6についてのスライド。
新しい構文についての紹介がメインでGeneratorについて詳しく説明してる
JavaScript Test-Driven Development with Jasmine 2.0 and Karma
www.slideshare.net/cebartling/javascript-38057372
Jasmine2.0とKarmaについてのスライド。
jasmine spyについて紹介されてる
ソフトウェア、ツール、ライブラリ関係
arian/partition-bundle
github.com/arian/partition-bundle
Browserify内にAMD的な動的ロードを持ち込むplugin。
動的に読み込みたいjsファイルを定義した設定ファイルを作り、動的に読み込むようにrequireではなくloadjs関数を使って読み込む。
Rome
依存がないDate/Time Picker UIライブラリ。
gwendall/way.js
HTML formで入力した内容をStorageに保存したり、JSONにしたり、監視や値のやり取りが出来るライブラリ。
フォームに属性を指定しておくだけで、フォーム内容の保存的な事が出来る
thlorenz/browserify-devdupe · GitHub
github.com/thlorenz/browserify-devdupe
browserify bundleを作るときにnpm dedupeみたいな事をするモジュール
mizchi/bower-build
bowerのmainで指定されているファイルをconcatしたものを生成するツール
