Firebug用リファレンスツール「Firescope」
サイト構築の際、欠かせないツールのひとつといえば Firebug。JavaScript を使ったウェブアプリケーションのデバッグだけでなく、サイトデザインをしている方にとっても便利なツール。テストの際、レイアウトが崩れていたとしても Firebug で調べればだいたいのことは解決します。この Firebug のコンパニオンツールが Firescope です。 Firescope は、Firebug 内で CSS/HTML のタグの意味や使い方をチェック出来るツール。インストール後、Firebug のパネルに新たに「Reference」というタブが追加されます。HTMLビューや「調査」の際に選択したタグと下階層にあるタグの意味が Reference に表示されます。最新のブラウザだけですが、その場でサポート状況も見れるのは便利です。もっと詳しく知りたい方は提供元の Sitepoint のペー
英語の勉強に無料でおすすめのサイト・ポッドキャスト - watanabiの日記
英語の勉強で役に立った無料のサイト・ポッドキャストをちょこっとまとめてみます。 勉強法 英語上達完全マップ 英語のトレーニング法を詳しく解説しているサイト 今までの実用的でない勉強法を繰り返すよりこの方法に切り替えたほうがいいと思う。 SSS英語学習法／多読＋シャドウイング 多読とシャドウイングだけで英語力を上げようと言うサイト 単語 iKnow! 単語を覚えるのにちょっと便利かも。 旅行用、TOEIC用など、沢山のコンテンツがある SNSもあって、英語で日記を書いたりそれにコメントしたりできる。 読み物 VOA Special English 英語を母国語としていない非ネイティブ向けのニュースサイト 語彙数を１５００に制限し、通常の3分の２程度の速度で読まれるMP3がある 初中級者にお勧め NHK WORLD ENGLISH NHKの海外向けのもの 無料de英語多読 イターネット上の、フ
Gmailの「マルチ受信トレイ」が驚くほど便利 【Gmail Labs機能】
この発想は「Eメール」というサービスにはなかったのではないでしょうか。Googleが発表した新しいLabs機能の「マルチ受信トレイ」は、受信トレイに複数の「フォルダ」を表示してしまう超効率化機能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Gmail Labsの新機能「マルチ受信トレイ」 「マルチ受信トレイ」は、Gmailの受信トレイに「ラベルごとに受信したメール」「スター付」「検索結果」などの一覧も表示できる機能。 仕事やプライベート、目的別に一覧を一度に確認することができ、受信トレイに未読メールが溜まりすぎるなんてことも解消できそうです。 「マルチ受信トレイ」のUI ↑このように、デフォルトでは左に従来の受信トレイ、右側に検索結果や下書き、スター付といった項目を受信トレイ合わせて最大
見ておきたいCSSツール40選 – creamu
CSSのツールを便利に使ってみたい。 そんなときにおすすめなのが、『40+ “Must see” CSS Tools』。見ておきたいCSSツール40選だ。 以下にいくつかご紹介。 » CSS Type Set CSSをいじりながらフォントを確認できる。↑のキャプチャはこちら » CSS Sprite Generator 「80×15」「88×31」のボタンジェネレーター » CSS Optimizer CSSを圧縮してくれる » Grid Designer 2 カラム数と幅を指定することでグリッドを作ってくれる » Em Calculator ピクセル値を相対値であるemに変換してくれる その他のリストは以下から。 » 40+ “Must see” CSS Tools 見ておきたいCSSツール、チェックして使ってみてはいかがだろうか。 今日もいい天気ですねー。がんばろう。
伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」:phpspot開発日誌
Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet! 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」。 次のように、ブラウザのサイズを変えても背景画像がリサイズされます。 更に、スライドショーのように背景を切り替え可能です。 ありそうでなかったかもしれないプラグインですね。 背景に迫力のあるものを設定すればインパクトが大きそうです。 関連エントリ 便利なjQueryプラグインいろいろ これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成 サイトに驚き！のページめくり効果をつけられるjQueryプラグイン
WordPressギャラリー&ポートフォリオ用テーマ集「10 Beautiful WordPress Gallery Themes」
TOP > WordPress > WordPressギャラリー&ポートフォリオ用テーマ集「10 Beautiful WordPress Gallery Themes」 国内外でよく見るWordpressを利用したギャラリー形式のWEBコンテンツ。今回紹介する「10 Beautiful WordPress Gallery Themes」はそんなギャラリーページやポートフォリオサイトを運営するためのFree wordpressテーマを集めたエントリーです。 The Unstandard – Demo | Download 様々なギャラリー用のテーマが紹介されていますが、今日はその中から気になったギャラリー用のテーマをいくつか紹介したいと思います。 詳しくは以下 ■Sharpfolio – Demo | Download ものすごくシンプルなポートフォーリオ用テーマ。 ■Snapsho
プレスしたようなタイポグラフィのPhotoshopのチュートリアル集
2009年のトレンドという噂もある、フォントをプレスしたようにするレタープレスのPhotoshopのチュートリアルを紹介します。 噂はこちら 2009年、押さえておきたいウェブデザインの10のトレンド
親しみやすいデザインのサイトマップやチャートが作成できるオンラインサービス -Lovely Charts
Lovely Chartsは、かわいらしくて親しみやすいデザインのサイトマップ、フローチャート、ワイヤフレーム、ネットワークダイアグラム、組織図などが作成できるオンラインサービスです。 Lovely Charts Lovely Chartsで作成できるサイトマップやチャートなどは、かわいらしいデザインながらも、仕事に使用できるクオリティとなっています。 下記はそれぞれのサンプルです。 フローチャートのサンプル
[JS]リスト要素に自動でナンバリングを追加するスクリプト
リスト要素のclassや新しい要素に自動でナンバリングして追加するスクリプトをWeb Designer Wallから紹介します。 jQuery Sequential List demo 上記キャプチャのデモでは、「class="item1", class="item2"、、、」をスクリプトで自動追加し、Step1, Step2...の背景画像を表示させています。 元のHTMLにはclassを記述せず、下記のようなコードで実装されています。 ※キャプチャ箇所（Step1, Step2）のみ抜粋。 HTML <textarea name="code" class="html" cols="60" rows="5"> <ol id="step"> <li><h3>PhotoShop Part</h3></li> <li><h3>jQuery</h3></li> </ol> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefoxノベルティセット欲しい！とは はてなの人気・最新記事を集めました - はてな
http://www.designwalker.com/2009/02/clone-webdesign.html