[JS]確認用の美しいグリッドをウェブページに表示する -The Heads-Up Grid
ウェブページの確認用にグリッドをオーバーレイで表示するjQueryのプラグインを紹介します。 似たものはいくつかありますが、Responsive Web Designに対応したものを紹介するのは始めてです。 The Heads-Up Grid デモページ [ad#ad-2] デモページのグリッドは右上のスイッチで表示・非表示を切り替えられ、表示された確認用のグリッドはマウスホバーでハイライトされます。 The Heads-Up Gridの設置 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルに指定します。 <link href="headsupgrid/hugrid.css" type="text/css" rel="stylesheet" /> <script src="headsupgrid/jquery-1.6.2.min.js"></script>
Webブラウザ上でデザインを調整する·Brosho MOONGIFT
BroshoはjQuery/JavaScript製のオープンソース・ソフトウェア。WebサイトのデザインはWebブラウザを使って微調整を行わないと分からない部分が多い。特にシステムがらみで実際にデータを当ててみないとどうなるか分からない時はそうだ。 その場でCSSを修正して確認できる 実際にデータベースのデータを入れてみて調整する場合、FirefoxであればFirebugを使えば楽だろうが、それ以外のブラウザではどうだろう。そうした時に便利なのがBroshoだ。 BroshoはjQueryプラグインとして提供される。読み込むと画面の下にフローティングウィンドウが表示されるようになる。場所は画面の上下左右に移動させることが可能だ。そしてマウスでDOMを指定してCSS設定を追加することができる。 生成されたCSS 追加された設定はリアルタイムに反映されるので、分かりやすい。修正が終わったらGe
サイトのデザイン微調整に。ブラウザ上でCSS修正·Brosho Plugin MOONGIFT
Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。 オンラインでデザイン修正 そこでFirefoxであればFirebugを使ってその場でデザインを変更してみて確かめることもできる。だがブラウザが限定される。ブラウザの壁を乗り越え、オンラインでCSSの修正を行えるのがBrosho Pluginだ。 Brosho PluginはjQueryプラグインとして提供されるソフトウェアで、Webサイトを表示すると四角い枠が表示される。そしてWebサイト上のエレメントを選択（赤い枠で囲まれる）し、新しいCSSプロパティを入力するとそれがオンラインで適用されるのだ。 修正したCSSの内容を生成する
Web Designer - Developer - Software Engineer - Business Consultant - London
Projects can take many forms and I enjoy the challenge of both design and development. Designing simple interfaces that can integrate with complex backend infrastructures. I've spent my career in web development, working for a number of leading technology companies in the UK. I joined Myspace as one of the only developers outside the US, working on digital marketing campaigns for large consumer an
jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
CSS Nite in FUKUSHIMA 特設サイト
09.01.09CSS Nite in FUKUSHIMA, Vol.2 特設サイト公開のお知らせ08.11.1211月29日(土)に勉強会を開催します [ update 08.11.18 ] 08.10.1010月22日(水)に勉強会を開催します08.07.10東北Webサミット(CSS Nite in SENDAI, Vol.2)の参加申し込み開始！08.07.047月19日(土)に勉強会を開催します08.07.04取り上げていただいたサイトなど08.07.04フォローアップメールを配信しました08.07.01CSS Nite in FUKUSHIMA・フォトレポート08.07.01CSS Nite in FUKUSHIMAが終了しました08.06.23アフターパーティ(懇親会)の受付は、本日(6月23日)まで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
リアルタイムフォームバリデーション jQuery.validation.js :: 5509