kabukawaのブックマーク / 2012年7月2日

kabukawa id:kabukawa

2012年7月2日のブックマーク (3件)

ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法 - かちびと.net
Google Chromeのデベロッパーツールで現在閲覧中のページでロードされているCSSファイルから未使用のセレクタを調べる、という方法です。こんなの Web制作者にとって常識だろ、みたいな内容だったらごめんなさい。今更感あふれる内容ですけど、Chromeのデベロッパーツールで閲覧中のページで読み込まれているCSSからそのページで使用されていないCSSルールを調べる、という方法。と言うかただの標準機能の紹介です。便利かどうかは使わないと分からないと思うのでテストしてご判断下さい。手順 F12でデベロッパーツール開いてAudit（監査）っていうタブを選択し、Runで調査ツールを実行します。 ↑ 直ぐに解析は終わると思います。赤い枠の「Remove unused CSS rules」という部分が未使用のCSSルールです。 ↑ ファイルごとに調査結果が出ます。三角のマークをクリッ
kabukawa 2012/07/02
こんな機能があったのか。。。
リンク
【テスト】きちんと色が見えていますか？オンラインで「色覚」のチェックをしてみよう
【テスト】きちんと色が見えていますか？オンラインで「色覚」のチェックをしてみよう佐藤英典 2012年6月30日女性の255人にひとり、男性では12人にひとりが色覚に何らかの問題があるという。あなたは大丈夫だろうか？　カラーサイエンスおよびテクノロジー分野の世界的な企業の「エックスライト」は、オンラインでできる色覚のテストを提供している。気になる方はぜひともチェックして頂きたい。同社が提供している「Online Color Challenge」は、マスに並ぶ色の順番をかえて、きれいなグラデーションを完成させるというもの。左端と右端のマスにはベースとなる色が配置されている。隣り合う色を見極めて、ドラッグ・ドロップで並べ替えていくのだ。 4つの並べ替えを終えて、「score test」のボタンをクリックすると、すぐに評価点がわかる。評価点は低いほど良い結果で、ゼロ点が最高の評価。100点
kabukawa 2012/07/02
0点だった。なんか悪かったみたいだけど、0が最高得点らしい。
リンク
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart ですライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
kabukawa 2012/07/02
リンク
- 2012年7月3日
- 2012年7月2日
- 2012年7月1日