NYOKIGLITTER - Tab Styled Accordion accordion flavors Javascriptライブラリmoo.fxを使ったクールなインタフェース集。 グリグリ面白い動きをするので、サイトの部品として利用することでクールなサイトが作れそう。 その１ その２ その３ CSSデザインなのでデザインを変えて利用することも簡単です。
Javascriptライブラリmoo.fxを使ったクールなインタフェース集:phpspot開発日誌
NYOKIGLITTER - Tab Styled Accordion accordion flavors Javascriptライブラリmoo.fxを使ったクールなインタフェース集。 グリグリ面白い動きをするので、サイトの部品として利用することでクールなサイトが作れそう。 その１ その２ その３ CSSデザインなのでデザインを変えて利用することも簡単です。
Lightbox Plus で画像を同一画面にオーバーレイして表示 :: Drk7jp
前からやろうやろうと思っていたことなのですが、サムネイルをクリックしたときに別画面を起ち上げて元画像を表示するのではなくて、同一画面上にレイヤー重ねて表示したいと思ってました。世の中には便利 Javascript が公開されていまして、メジャーどころで言えば、Lightbox JS ってやつがそうです。 使い方を丁寧に説明してあるサイトで有名どころは、「小粋空間: Lightbox JS で画像を表示する」あたりでしょうか。僕的には Lightbox を更に拡張した Lightbox Plus を入れることにしました。
いやなブログ: JavaScript とクロージャ
JavaScript とクロージャ JavaScript プログラミングはなかなかおもしろいよ、と知人に言ってみたところ、 全然信用されずに怪訝な顔をされる、という目に遭いました。 クロージャが使えて DOM ツリーにイベントハンドラを簡単に追加できるよ、と続けると多少は興味を持ってもらえるようなので、クロージャを使ったサンプルプログラムを書いてみました。 箱の中でマウスカーソルを適当に動かしてください。 このプログラムでは各セルの色の濃さをクロージャを使って保持しています。makeHandler という関数の depth という変数がそれです。クロージャを使うと、個々のイベントハンドラごとに独立した状態を簡単に持たせされるのがポイントです。 別にクロージャを使わなくてもいいようなプログラムですが (クロージャではなく DOM のエレメントに状態を持たせるとか)、こういう風にも書けるよ、と
Cross-Browser.com : Home of the X Library
X is a collection of loosely-bound, cross-browser, Javascript functions and objects. It is intended to be a resource from which you pick and choose - you do not have to include the entire library in your application. It contains core DOM/Style functions, unobtrusive enhancements, utility functions, objects such as menus and tab panels, and also has some experimental stuff. I've been developing thi
2005-06-04 - こども(てれび)
http://childtv.org/hatena/js/editathere.user.js 閲覧画面から移動せずに日記を編集できるようになる。 タイトルの後ろにあるEDITボタンを押して編集開始。 デザインを変更してはてなのヘッダを表示していない場合はあなたのユーザ名を取得できないので、スクリプトの下の部分を書き換えてください。 // はてなID。日記にヘッダを表示していない時は必須 // 例: var userId = 'wanpark'; var userId = ''; 追記 2005-06-04 11:53 使えないページでは無効になるようにした。使えるのはトップ、月別、日付別ページ。あとミスをちょこちょこ修正。 追記 2005-06-04 14:53 見出しがついている方が見やすそうなので、編集時にもh3は表示するように変更。
berry.littledear.org
WiMAXの１カ月毎の料金を、なるだけ安く抑えたいという希望を持っているのではないですか？その様な人の参考にしていただく為に、一ヶ月の料金を削減するためのポイントを紹介させていただこうと思います。 モバイルWiFiを買いたいなら、1か月間の料金やキャッシュバックキャンペーン等々についても、きっちりと知覚した上で選定しないと、近い将来きっと後悔することになります。 WiMAX２+の販売促進キャンペーンとして、高額のキャッシュバックを前面に打ち出しているプロバイダーが何社かありますが、キャッシュバックは敢えてやっていないプロバイダーも存在しておりますから、意識しておきましょう。 現在の4Gというのは正当な4Gの規格とは別物で、我が国においては今のところ公開されていないモバイル通信サービスなのです。その4Gの正式なサービス開始までの一時的な通信手段として出てきたのがLTEと呼ばれているものです。
拡大画像をスタイリッシュに見せるためのJavaScript&FLASHライブラリ『Magic Toolbox』 | 100SHIKI
サイトにある画像をユーザーが自由に拡大してみれるようにするためのライブラリがMagic Toolboxだ。 マウスオーバーすると拡大画像が現れたり、虫眼鏡のようなエフェクトを実現したりすることができる。JavaScriptとFLASHを利用しているようだ。 もちろんさまざまなパラメータで自分のサイトにあわせて見た目を調整することも可能だ。 商用サイトの場合は有料になるが、きちんとブラウザ互換も考えられており、ささっと導入したいときに便利だろう。有料ではあるが、カスタマーサポートのことを考えると結局は安上がり、ということにもなるかもしれない。 こういうスクリプトも品質が求められるようになってきたのかもしれませんね。
第2回 Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp
Firefox 3とFirebugで始めるJavaScript開発 第2回Firebugによるデバッグの基本、Console APIとその活用 さて、前回はインストールからFirebugのタブの基本的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下
Narcissus の正規表現: Days on the Moon
「前のエントリで書き忘れてた - 最速チュパカブラ研究会」にて、Narcissus で使われている正規表現が参考になるという話が出ています。 文字列リテラル /^"(?:\\.|[^"])*"|^'(?:[^']|\\.)*'/ 正規表現リテラル /^\/((?:\\.|[^\/])+)\/([gimy]*)/ コメント /^\/(?:\*(?:.|\n)*?\*\/|\/.*)/ 一流の人が書いたものを使いましょうというのに異を唱えるつもりはありませんが、そのままコピー & ペーストしていては意味がありません。ここはやはり一文字一文字心をこめて写経しましょう……ではなく、どうしてその書き方でうまくいくのかをきちんと考えた上で使いましょう。 文字列リテラルにマッチする正規表現 上記の文字列リテラルを表す正規表現から、一重引用符でくくられた文字列にマッチする部分だけを抜き出すと '(?:[^
ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」:phpspot開発日誌
jqDnR :: Minimalistic Drag'n'Resize for jQuery jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」。 1. 赤の領域をドラッグして自由にリサイズできる要素作成 2. ドラッグ移動できる要素を作成 3. 赤いバーでドラッグ移動し、右下の赤いつまみでリサイズするボックスの作成 プラグイン自体が972バイトしかなくて、jQueryとあわせてもとても軽いですね。 ＣＳＳでスタイルすれば、当然、もっと綺麗なＵＩで提供できます。 関連エントリ 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.softama.com/demo/zip/
Let It Blog
カレンダー作成ツール｜自動作成カレンダー屋さん｜
[JS]パネルを切替可能なタブ型コンテンツ、7つの実装例
