[B! JavaScript][Plugin][jquery] [5ページ] kathewのブックマーク

kathew id:kathew

JavaScriptとPluginとjqueryに関するkathewのブックマーク (89)

Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
kathew 2009/08/06
web

design

UI

javascript

jquery

plugin

form

iphone

tips
リンク
Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
kathew 2009/08/06
form

web

design

UI

javascript

jquery

plugin
リンク
[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js
<textarea name="code" class="html" cols="60" rows="5"> <div class="cornerBox" id="cBox1"> <div class="cornerBox-content">パネル</div> </div> </textarea>
kathew 2009/07/06
jquery

plugin

javascript

library
リンク
[JS]外部サイトのリンクにfaviconを表示して、分かりやすくするスクリプト
外部サイトのリンクにfaviconを表示して、分かりやすくするスクリプトをLiviu Holhoşから紹介します。 Add a favicon near external links with jQuery demo デモでは外部サイトのリンクのみfaviconを表示し、同一ドメインのリンクには表示しません。スクリプトには現在、下記の懸念事項があげられています。 faviconが予想した場所に無かった場合。 faviconがそもそも無かった場合。 faviconのtitle属性。また、上記の懸念事項をクリアしているスクリプトがコメント欄で紹介されています。
kathew 2009/06/20
javascript

jquery

plugin

web

design

favicon

tips
リンク
[JS]フォームの入力欄を選択すると消えるテキストを表示するスクリプト -Fieldtag
フォームの入力欄を選択すると消えるテキストを表示したり、classを変更できるスクリプトAjax CSS Blogから紹介します。 jQuery Inline Form Labels demo デモでは、上から順に下記のようになっています。選択した時に、消えるテキストを表示選択した時に、消える画像を表示選択して入力しないで、フォーカスをはずした時に、テキストを表示選択した時に、classを変更画像とテキストのコンビネーションテキストエリアのパターン FieldtagはjQueryのプラグインのため、実装にはjquery.jsが必要です。
kathew 2009/06/20
form

javascript

jquery

plugin

web

design

tips
リンク
iPhoneスタイルのチェックボックスをjQueryで簡単実装:phpspot開発日誌
Introducing iPhone-style Checkboxes iPhoneスタイルのチェックボックスをjQueryで簡単実装。次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。 <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $(':checkbox').iphoneStyle(); }); </script> 微妙にアニメーションする部分も芸が細かくていいです。関連エントリ iPhone/iPodTouch風のON・OFFスイッチをJavaScriptで作成しよう iPhoneのロック解除の際のあのUIを
kathew 2009/06/19
iphone

jquery

javascript

plugin

web

design

UI
リンク
[JS]設置が簡単なパネルをスライド表示させるスクリプト -Slide box
divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。
kathew 2009/06/01
web

design

javascript

jquery

plugin

UI
リンク
[JS]超軽量で、シンプルなツールチップを実装するスクリプト -vTip
リンクをはじめ、画像やdiv要素にもツールチップを実装する超軽量（1.1KB）のスクリプトをVertigo Projectから紹介します。 vTip demo vTipの設置は簡単で、JSとCSSを外部ファイルで指定し、ツールチップを表示する要素に「class="vtip"」を記述します。ツールチップに表示するテキストは、title属性に記述します。ツールチップの表示位置は、スクリプト内の「this.xOffset」と「this.yOffset」で変更することもできます。 vTipはjQueryのプラグインのため、実装にはjquery.jsが必要です。
kathew 2009/05/27
tooltip

javascript

library

jquery

plugin

web

design
リンク
[JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer
jPlayer demo インターフェイスはHTMLとCSSで作成されており、mp3のサウンド箇所のみflashが使用されています。 jPlayerの設置方法はスクリプトを外部ファイルとして指定し、インターフェイスの設定などをスクリプト内に記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script> $(document).ready(function() { $("#jpId").jPlayer(); }); </script> </textarea>
kathew 2009/05/08
mp3

music

flash

jquery

javascript

plugin

web

design
リンク
前のページ 1 2 3 4 5

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx