Skip to content

Instantly share code, notes, and snippets.

@studiomohawk
Created January 30, 2013 00:29
Show Gist options
  • Save studiomohawk/4669477 to your computer and use it in GitHub Desktop.
Save studiomohawk/4669477 to your computer and use it in GitHub Desktop.
CSS Radar @ Twitter / 2013.01.30 Wednesday Edition

CSS Radar - 2013/01/30

バックエンドに限らず、フロントエンドにも1つの大きなライブラリを利用するより、小さなライブラリ(コンポーネント)からビルドしていくスタイルが一般的になりつつある。コンポーネントには 1) ビルドプロセス、2) 依存関係の解消、3) パッケージマネージャの3つのツールが必要になる。
記事ではTJ Holowaychukのcomponent、TwitterのBowerEnderJamvoloの役割をその3つのツールの観点から分析していく。

パフォーマンス改善の鍵となるのは80%がフロントエンドにある。ページロードの速度改善はよく議論されるが、パフォーマンスにはもう1段先の話がある。それがレンダリングに関わるパフォーマンス。特にシングルページアプリケーションと呼ばれるようなウェブサイトでは初期のロード時間よりもこちらのほうが重要になるケースが多い。記事ではそのレンダリングパフォーマンスの中でもレイアウトに関するチューニングについて紹介している。

JavaScriptを書いていると大概迷子になるのがthis
一体thisが何を参照しているのか、よくわからなくなることは多くの人が経験済みではないかと。この記事の筆者はJavaScriptのエキスパートというわけでもなさそうな感じもあり、反対に、その事がthisをわかりやすく説明していると思ったのでぜひ。

JavaScriptのparseInt()を巡る謎の解明。
JavaScriptではすべての数字が浮動小数点数ということになっているらしく、整数とは浮動小数点数から小数点を無くしたものとなる。
数字nを整数に変換するということはnに近い整数を見つける、という意味となるそうで。結論としてはparseInt()を使った変換には注意が必要。ということ。

GitHubのデザイナであるKyle Neathによる非常に素晴らしい記事。
ウェブに関わるクリエータにとって身長や体重、人種や性別などは本来関係がない。

pixels don’t care.

偏見という難しいトピックに対してKyle Neathは自らのストーリを交えて素晴らしい回答をしたと思う。


by Yuya Saito
Follow Me @ Twitter / GitHub
And Join the OSS "Social" Translation Community "en.ja OSS"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment