基礎 jQuery日本語リファレンス http://semooh.jp/jquery/ 文法チェックに誰もが見るサイト。 jQuery速習講座 http://ascii.jp/elem/000/000/498/498710/ selector、命令、イベント、アニメーション、UIについての解説。初心者にとっては分かりやすい。 jQuery入門 http://www.openspc2.org/JavaScript/Ajax/jQuery_study/ver1.3.1/index.html jQueryの基礎的な内容についてのまとめ。 一日で学ぶjQuery http://blog.spicebox.jp/labs/2009/04/_jquery.html jQueryについてサンプルをまとめたサイト。 UI jQueryサンプル集 http://www.designwalker.com/20

p { position: relative; width: 200px; background: #eee; line-height: 1.5; padding: 2em 1.5em; margin: 60px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 2px 0px #ccc; -moz-box-shadow: inset 1px 1px 2px 0px #ccc; box-shadow: inset 1px 1px 2px 0px #ccc; } p:before{ content: ''; position: relative; top: -60px; left: 0; border: 10px so

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

そのまんまのサービスだが、便利そうなのでご紹介。 html5snippetsは、HTML5で使える便利なスニペット（短いコード）を投稿、共有できるサイトだ。 HTML5というか、CSS3やJavaScriptも含まれるが、どちらにしろ有用だろう。 なお、FacebookかTwitterでログインすればマイページを作ることができるようだ。 影をつけたり、角丸をつけたりだとか、良く使うコードがある場合はここで管理しておけばいいかもですな。

昨日jQuery1.6が公開されたので、その内容をまとめてみました。 jQuery: » jQuery 1.6 Released だいたい原文にそってますが、翻訳ではありません。 追記 : data()の扱いが誤っていたので修正しました。キーをキャメルケースにする必要があるとしていましたが、引数を与えずにマップを得た場合の話で、引数にキーを与えて個別に取得する場合は過去のコードと互換性があります。thanks @GeckoTang !（23:11） 変更点 既存コードに影響がある変更がいくつかあります。 data属性の自動マッピング ハイフン “-” を含む名前のとき、$element.data()に引数を与えずに得たマップのキーはキャメルケースに変換されるようになりました。 var $div = $('<div data-abc-xyz="123" />'); var data = $d

#box1 { border: solid 1px #000; box-shadow: 0 -5px 10px #000, -5px 0 10px #000, 0 5px 10px #000; height: 100px; margin: 30px; width: 100px; } /* ---- */ #box2 { overflow: hidden; padding: 10px 0 10px 10px; width: 102px; /* 内側のボックスの幅+(枠線幅*2) */ } #box2 div { border: solid 1px #000; box-shadow: 0 0 10px #000; height: 100px; width: 100px; }

これ http://lockerz.com/s/98370867 のメニュー列に記事列の影を乗せたくないって言われたので。 z-indexを指定して、記事列の影の上に乗っけただけです。 なおz-indexはpositionがstatic（初期値）だと無効なので、relativeなどにする必要があります。 <div id="contents" class="box"> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> <p>なんか記事とか。</p> </div> <div id="menu" class="box"> <ul> <li>メニューですね。</li> <li>メニューですね。<

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js

AVM2の備えるガベージコレクションアルゴリズム * Deferred Reference Counting (DRC) 遅延参照カウント (DRC) * Backed by incremental conservative mark/sweep collector (DRCの支援として) 保守的なインクリメンタル マーク/スイープ これがFlash Player 9のリリース時にアナウンスされています。 もう何年も前の話です。 (http://www.onflex.org/ACDS/AS3TuningInsideAVM2JIT.pdf) Flashユーザーのこのあたりに関する理解はいったいどうなっているのか、 Flash Playerのガベージコレクション(以下 GC)について解説しているサイトをいろいろ見てみました。 しかし、どうも間違った理解が多いような気がするのです。。 (もちろん

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 僕はこれはまでmouseover/mouseoutをフツーに使っていたし、jQueryのhoverも mouseover/mouseoutのショートカットだと思ってたんだけれど、hoverって、mouseenter/mouseleaveのショートカットなんですね。 mouseover/mouseout と mouseenter/mouseleave の違いは要素の内側へのマウス移動でも発火するか否かってことみたいです。mouseover/mouseout は発火するけど mouseenter/mouseleave は発火しない。ってことで、フツーに使う分には mouseenter/mousel

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

これは素敵なツール。 VintageJSは、あらゆる画像にレトロ風のエフェクトをかけられるサイトだ。 ちょっとしたInstagram風の写真をさくっと作ることができて便利だろう。 もちろんレトロ具合はさまざまなオプションによって調整することが可能だ。 さらにjQueryのプラグインも配布しているようだ（Githubへのリンクがある）。 技術的にはHTML5のCanvasを使っているようですな。どこかで使えそうなので覚えておくといいだろう。