タグ

ブックマーク / h2ham.seesaa.net (5)

  • jQuery勉強:eachさせた中の$(this)でlive()は使えない

    昨日、5509ブログのnoriさんとチャットで話をしている中で「nori: liveがうまくいかない><」なんて話がでてきたので、一緒にソースを見て、どうして動作しないのかを検証してみることにした。 自分以外の人のスクリプト そんな「わからない、どうしよう…」なんてことがきっかけで、スクリプトを見てみることになった。 noriさんのスクリプトとか、毎回新しいエントリーがでるたびにみていたのですが、ざっと作りを把握するだけで、細部まで考えたことがなかった。しかし、細部までみていくことは、自分と違う作り方をするため、結構どういうつくりになっているかを理解するのに時間がかかる。でも、それが今とっても勉強になっていていい。こんな使い方もできるのかーとか、こんなコードでいいのか!!なんていう、自分一人ではわからな世界が見れてとてもいい。 読解に時間はかかるものの、説明してもらいながらとかだと、勉強に

    jQuery勉強:eachさせた中の$(this)でlive()は使えない
  • ダイアログボックスを美しくみせる「jQuery Alert Dialogs」を使ってみる

    どうしてもOSに依存してしまうアラートボックスやダイアログボックス。しかし、それをきれいに見せてくれる「jQuery Alert Dialogs」というのがある。仕事で、ダイアログボックスを変えたいとの要望があったようで、これを使ってみることにしたので、メモ代わりにエントリー。 基的な使い方 基的にカスタマイズ無しで使う場合は以下のように設定をして利用する。 ■JSを読み込む <link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.ui.draggable.js"

    ダイアログボックスを美しくみせる「jQuery Alert Dialogs」を使ってみる
  • Firebugの使い方2 THE HAM MEDIA

    以前に『意外と知られていない機能が多い!?Firebugの使い方』というエントリーを書いたところ、気づけばビックリなブクマ数がついたりする。 Firebugってかなりのコーダー(デザイナー)とか、Webに関わる人の多くはいれているアドオンのハズ(未調査なので自分の気持です)だけど、SaCSS参加者では使っていないって人が意外にもいたので書いたエントリーでした。そのブクマしている人の数やコメントをみると、やっぱりみんながみんな、使い切れているものでないですよね。 ということで、前回は紹介しきれなかったけど、こんな使い方してるよ~という自分の使い方を紹介します! 不必要な要素は消してしまおう 前回のおさらいっぽい部分から。 いろいろなサイトをみてまわっていると、時々、「これ邪魔だな」とか思う要素がポッとでてきたりってしませんか?大きいモニタの時はそんなこと特に思わないのですが、小さいモニタを使

    Firebugの使い方2 THE HAM MEDIA
  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • Firebugを活用しよう!jQueryの動作チェックに最適な『FireQuery』

    皆さんご存知のFirefoxのアドオン「firebug」コーダーとかであれば、これを入れている人はかなり多くいると思います! しかし、中には『linker』のまーしーさんや『スグラボ』のフジカワさんのように、”いまいちFirebugを使いこなせていない”なんて人もいるのではないでしょうか? 今回はそんな方もふくめ「FireQuery」のご紹介を仕様と思います!個人的にかなり便利だと思います。 FireQueryとは? FireQueryは、Firebugを便利にさせる機能強化アドオンで、Firebugのコンソールで楽々jQueryを使えるようにしたり、DOM画面イベントがどこについているのかとかを確認することができるようになるツールです。 ただのFirebugでもJavaScriptのデバッグや動作の確認をすることはできたのですが、FireQueryを入れることによって、jQueryを使っ

    Firebugを活用しよう!jQueryの動作チェックに最適な『FireQuery』
  • 1