当サイトでもCSS3で実装する面白いトリックをたくさん紹介してきましたが、Rather SplendidからCSS3で実装したごく普通のアイコンを紹介します。 Pure CSS Icons デモページ アイコンはRSS、iPhone、ハートをはじめ、円や三角なども画像を使用せずに実装されています。 CSSで実装されているため、ブラウザのフォントサイズを変更すると、アイコンのサイズも拡大縮小します。 各アイコンは、マウスのホバー時に一回り大きくなります。
サイトのCSSをテストできるブラウザの拡張機能は、すでにいくつかあるのですが、どれも大量の機能を持っていて、ちょっとデザイン変更をしたいときに使うには不便だったりもします。 そのようなわけで、今回はCSSだけを、その場でリアルタイムに変更できるGoogle Chrome 拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSをリアルタイムにいじれる Chrome拡張機能 「CSS Tester」は、開いたページのCSSを、リアルタイムに変更し、デザインをテスト反映させることができるChrome拡張機能。 度重なる小変更を繰り返して、意味不明になってしまったCSSの、謎を解く鍵にもなる便利機能です。 リアルタイムにCSS編集を反映 ↑このように、ボタンをクリックして表示され
Profile Name 浜 俊太朗 Handle hamashun ID 概ね hamashun ですが、たまに hama_shun だったりします。 はてなとか。 Work Web のサービスの会社で、開発 / 企画ディレクターをしています。その他に、雑誌記事や技術書などの執筆もたまにしています。 Photo 秋葉原の街や人、アキバ系のカルチャーをテーマに趣味の写真を撮っています。 アイコンについて SNS 等では、下記のイラストや写真のアイコンを使っています。 Photo 趣味の写真作品です。主にデジタルカメラにフィルム時代のオールドレンズを取り付けて、撮影しています。たまにフィルム機も使います。 その他、普段撮っている写真は、ブログhamashun.orgに掲載しています。 My links 利用しているサービスなど。 Twitter 内容は、ほぼ趣味に関する事です。 hamash
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く