Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Chrome

[Chrome Extension] CSS Peeper – シンプルなCSSビューアー

  • Pocket
  • このエントリーをはてなブックマークに追加

Chromeで表示したWebサイト内のCSS指定を確認できるChrome用機能拡張。Chrome純正のデベロッパーツールに比べて、よりデザイナー寄りのシンプルな作りになってます。例えばサイト全体で指定されているカラーパレット一覧とか。あとクリックした場所に適用されているCSS一覧なんかも出せます。ただしそれがどのCSSファイルの何行目にあるかって所までは掘り下げられないので、コーディングする際にはちょっと役不足かもしんない。コーディングをしないデザイナー向けといった感じでした。

[Chrome Extension] i2Symbol – 特殊文字を簡単に入力できるGoogle Chrome用機能拡張

  • Pocket
  • このエントリーをはてなブックマークに追加

最近Twitterでもよく見かける、特殊文字を使った顔文字なんかを簡単に入力できるGoogle Chrome用機能拡張。インストールするとURL入力欄の右側にハートマークのボタンが出現します。そこからサクっとポップアップ形式で特殊文字の入力パネルを開く事ができ、入力した内容はクリップボードにコピーしたりTwitterに投げたりできます。英語や日本語以外の文字類についてもパネルごとに分けてまとめられてて、「ギリシャ数字のアレどう出すんだっけ」みたいな時にでも対応できそう。まぁ言うても自分の場合Safariメインなんであんましアレだしナニではあるんですが、Chromeをメインに使っている人にとってはなかなかナイスな機能拡張なんじゃないかと。ちなみにわんわんおは自分で入力しました。プリセットされてません。つか自分でも登録できるようになると使いやすいんだけどなーこれ。単語登録代わりに使えるというか。

[Chrome] Top 10 Essential Google Chrome Extensions Every Web Designer Should Install – デザイナーならインストールしとくべき、Google Chrome Extension

  • Pocket
  • このエントリーをはてなブックマークに追加

デザイナーのためのGoogle Chrome用機能拡張まとめ。ウェブデザイナーの多くはメインブラウザをFirefoxにしてますが、ChromeとかSafariなどのWebkit系ブラウザをメインにしてる人も結構います。ここではChromeユーザーが入れておくとナイスな機能拡張が紹介されてます。カラーピッカー、Firebug、ソフトウェア定規、CSS Viewer、簡易イメージ編集など。Firebugあたりは定番ですね(lite版ですが)。ちなみに自分はSafariがメイン。複数台MacとiPhoneとの同期機能に縛られっぱなしです。