Chromeの新機能CSS Overviewがすごく便利！ページに使用しているCSSの概要や未使用の宣言がすぐ分かる
Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン（Settings）をクリックします。
Firefox 31 の開発ツールに便利なカラーピッカー機能が実装される
現在、Firefox Aurora としてリリースされている、Firefox 31 の開発ツールに新しいカラーピッカー機能 「Eyedropper」 が実装されました。 閲覧中の Web ページから、色情報をピックアップできますが、1px 単位で選択できるため、細かいグラデーションなどの一部でもピックアップしやすくなっていて便利です。 Eyedropper - 開発ツール ： MDN 開発ツールの設定に、「Grab a color from the page」 （ページから色を取得） という設定項目がありますので、チェックを入れて有効にします。 すると、開発ルールにカラーピッカーのアイコンが表示されます。このとき、インスペクタのカラー設定 （Default color unit） で選択されている形式で色情報が取得されますので、お好みで設定しておくといいでしょう。 カラーピッカーのアイコン
webcolourdata.com - webcolourdata リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます｜今村だけがよくわかるブログ
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます Webサイトを作る際に「ヘッダー」って結構凝りますよね。カッコイイ、インパクトあるキレイな画像やロゴなどで目を惹いて、サイトの印象を決めるのに一役買っていますかね。 私のこのブログの場合は、ヘッダーにロゴを入れています。このヘッダーにあるロゴのおかげで、結構サイトの存在を覚えてもらいやすくなっていますよ。「ああ～、あの色がいっぱいあるサイトね」みたいな・・・ そんなヘッダーですが、手軽に管理できる方法がWordPressにはあります。「カスタムヘッダー」機能と呼ばれています。この「カスタムヘッダー」機能を導入して納品すると、お客さんにとても喜ばれます。 ではでは、導入方法をご紹介します～。 ヘッダーを管理する「カスタムヘッダー」機能を追加それでは、ご使用のテ
サイトを見ていてこの色いいね！と思った時にすぐコピーできるChrome拡張「Eye Dropper」:phpspot開発日誌
サイトを見ていてこの色いいね！と思った時にすぐコピーできるChrome拡張「Eye Dropper」 2012年04月25日- Chrome ウェブストア - Eye Dropper サイトを見ていてこの色いいね！と思った時にすぐコピーできるChrome拡張「Eye Dropper」 ツールバーに追加されるアイコンをクリックして「Pick color from webpage」を押すとサイトに使われている色が得られ、すぐにクリップボードにコピー可能です オプションページを開いて、「Automaticaly copy picked color to clipboard when picking from webpage」にチェックを入れておくと便利 入れておいて損はなさそうですね 関連エントリ 色をベースにフリーの背景画像や色パターンが検索できる「ColRD」 CSSのアドレスを入力すると使
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コードvar url = window.location; $('.menu a[href="'+url+'"]').addClass('current');jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現在のページのURLを取得して属性フィルタで判別してcurrentっていうclassを与えます。これで「現在閲覧中のページ」のリンク
HTML5の12の事例「12 Fun & Clever Examples of HTML5」
ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。 Darkroom アニメーションを用いたものから、3D表現、ゲームなどなど、いままでFLASHなどでしか再現できなかったものがHTML5で描かれています。今日は其のナッからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Z-Type HTML5のCanvas, Audio, Javascriptを利用して制作されたタイピングゲーム。HTMLでここまでのことができるのは驚きです。 ■Klowdz 雲を呼び出して、その上に様々な表現で書きこんでいく
http://romanovian.com/blog/jquery-matrix/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
URLからカラースキームが生成できるオンラインサービス -Whatcolor
#FFFFFFなどのRGB値の16進法表記を含めたURLから、そのカラーや色相環を利用した配色を表示するオンラインサービスを紹介します。 Whatcolor キャプチャは「#a4b37cの5 analogous colors」 [ad#ad-2] 上記キャプチャは、「#a4b37c」をベースにして色相環で隣接している5つの色をピックアップしたものです。 #a4b37c（ベース） #7cb396 #7c8eb3 #ac7cb3 #b3807c Whatcolorで利用できるURLの書式は以下の通りです。 http://whatcolor.heroku.com/cdc (省略表記) http://whatcolor.heroku.com/ccddcc (通常表記) http://whatcolor.heroku.com/009246/fff/ce2b46 (イタリアの国旗) http://wh
手軽にウェブページの細部までチェックできるFirefoxのアドオン -PixelZoomer
ウェブページを拡大表示し、サイズやカラーのチェックができるウェブ制作者の必携のFirefoxのアドオンを紹介します。 PixelZoomer PixelZoomerの起動方法は簡単です。 チェックしたいページをブラウザで表示し、右クリックから「PixelZoomer」を選択します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
YouTube人気急上昇
[JS]ユーザーの好みに合わせてRGBaでカラースキームを変更するスクリプト -RGBa layout