Remy Sharp氏がjQuery UK 2013にて講演した「I know jQuery. What now?」のスライド用資料。
jQueryへの依存をいかに減らしていくべきかについて話。
スライドを作る前の資料を記事として公開するのはいいアイデアだなと思った。
Yuya Saito studiomohawk
studiomohawk
/ five-2013-04-25.md
Created
April 25, 2013 00:18
CSS Radar @ Twitter / 2013.04.25 Thursday Edition
studiomohawk
/ five-2013-04-22.md
Created
April 21, 2013 23:58
CSS Radar @ Twitter / 2013.04.22 Monday Edition
studiomohawk
/ five-2013-04-19.md
Created
April 19, 2013 00:05
CSS Radar @ Twitter / 2013.04.19 Friday Edition
モバイルSafariとUIWebViewで使われているレンダリングエンジンは同じものではなく、後者のレンダリングエンジンの方がJavaScriptの実行が3倍ほど遅いこともよく知られている。しかし、その後者のレンダリングエンジンを使っているはずのChrome for iOSはモバイルSafariと遜色のない速度が出るのはなぜか。両者を比べてデータとともに検証。
shame.css – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
CSSには限らないが、特にCSSで発生するややハックな気がしてならないコードをshame.cssというような別のファイルで管理するアプローチの紹介。
こうして別ファイルにすることでどこがハックっぽいのかも分かるし、記事にあるようにshame.cssへのエントリへは細かいドキュメントを付けることを必須にすることでよりわかりやすく、振り返りしやすくなる。
studiomohawk
/ five-2013-04-18.md
Created
April 17, 2013 23:56
CSS Radar @ Twitter / 2013.04.18 Thursday Edition
Backbone.jsでよく出会うである入れ子になるViewsを作成するパターンをMarionette.jsでシンプルにする方法。両者の比較もあって非常にわかりやすい。例のスニペットはCoffeeScript。
最近再び話題になりつつあるCSSのFlexboxにアニメーションを付加する方法。正確にはTransitionとAnimation、そしてJS + Transitionを使ったアプローチを紹介。
studiomohawk
/ five-2013-04-17.md
Created
April 17, 2013 00:02
CSS Radar @ Twitter / 2013.04.17 Wednesday Edition
JavaScriptの継承について解説するのに必ず出てくるたとえ話を評価しながら継承について解説するおもしろい記事。
最終的にはたとえではなく、どんな場面で利用されるかを使って説明するのが1番理解しやすいという結論。
List of Pseudo-Elements to Style Form Controls - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development
さぞかし調べてまとめるのが大変だったと思われるCSSで利用できるフォーム用の疑似要素セレクタのまとめ。
studiomohawk
/ five-2013-04-16.md
Created
April 16, 2013 00:58
CSS Radar @ Twitter / 2013.04.16 Tuesday Edition
James Hallidayこと、substackによるjQueryは今では多くの場面で必要がなくなってきているのではないかというオピニオン記事。
もちろん、反対意見もOscar Godsonにより、The DOM is still a mess — The JavaScript Collection via Medium書かれている。
CSS3により、角丸やシャドウを画像を使うことなく表現できるようになった。が、それらの表現をブラウザが表示するのにはペイントという処理は必要。
studiomohawk
/ five-2013-04-15.md
Created
April 15, 2013 00:05
CSS Radar @ Twitter / 2013.04.15 Monday Edition
Chromeの開発ツールでも使い方がわかりづらいProfileパネルについて、Addy Osmani氏より解説。メモリマネジメントは大切なトピックなので、しっかりと使い方を覚えておこう。
CSS Architectures, Part 3: Refactor Your CSS with the MetaCoax Approach (Phases 1 and 2) via Script Junkie
CSSを柔軟に、堅牢にするアプローチは数多くあるが、既存のCSSをどうやってリファクタリングしていくべきかの指針はあまりない。
この記事ではそのリファクタリングのアプローチに対する1つの手法について触れている。
studiomohawk
/ five-2013-04-11.md
Created
April 11, 2013 00:50
CSS Radar @ Twitter / 2013.04.11 Thursday Edition
非常に強力なレイアウトスタイルであるFlexboxはその短い歴史に反して仕様変更が多い。その上、強力なスタイルであるが故、シンタックスも複雑だ。この記事ではクロスブラウザなFlexboxの使い方を詳しく解説。
記事内でも紹介されているが、Flexy
Boxesというジェネレータは非常に便利なので要チェック。
studiomohawk
/ five-2013-04-10.md
Created
April 10, 2013 00:02
CSS Radar @ Twitter / 2013.04.10 Wednesday Edition
関数型とオブジェクト指向のJavaScriptの違い。
それぞれのアプローチには向き不向きがあり、どちらがどちらよりも優秀であるということではない。
記事では細かくその特徴について紹介もしているので両アプローチのイントロダクションとしてもいい記事。
studiomohawk
/ five-2013-04-09.md
Created
April 9, 2013 00:02
CSS Radar @ Twitter / 2013.04.09 Tuesday Edition
ウェブアプリにおける最適化の話はあまりにもよく聞くトピックの1つ。
最適化をする際にJSPerfなどを使ってswitch…caseとメソッドルックアップがどちらが早いか、と計測したりするが、それ以前にもっとやらなければならないことがある。
1%の最適化を行うのが無駄なタイミングと、そうでないタイミングがあることを努々忘れてはいけない。