<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>jquery - 東京北青山、大阪四ツ橋発、WEBディレクターのブログ</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/" />
    <link rel="self" type="application/atom+xml" href="http://www.inclover-inc.com/pocket/atom.xml" />
    <id>tag:www.inclover-inc.com,2009-05-13:/pocket//8</id>
    <updated>2010-01-25T12:06:51Z</updated>
    <subtitle>インクローバーの人々で綴る、staff blog。”clover in pocket”</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.23-ja</generator>

<entry>
    <title>フォームのラベルがスライドするJS【Sliding Labels】</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jquery/jssliding-labels.html" />
    <id>tag:www.inclover-inc.com,2010:/pocket//8.2164</id>

    <published>2010-01-25T11:23:25Z</published>
    <updated>2010-01-25T12:06:51Z</updated>

    <summary>アバター【3D】見てきました。 後ろ振り向くと全員サングラスかけてる光景が面白かったです。 こんにちわ。たけだです。 inputやtextareaをクリックしたら消えるアレに似てますが、 今度はスライ...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>アバター【3D】見てきました。<br />
後ろ振り向くと全員サングラスかけてる光景が面白かったです。<br />
こんにちわ。たけだです。</p>

<p><a href="http://www.inclover-inc.com/pocket/take/jquery-inline-form-labels.html" target="_blank">inputやtextareaをクリックしたら消えるアレ</a>に似てますが、<br />
今度はスライドしてます。</p>

<p>labelタグを使ってるので、CSSを切った状態でも、<br />
崩れずに表示されてます。</p>

<p><a href="http://www.csskarma.com/blog/sliding-labels/" target="_blank">Form Design with Sliding Labels</a><br />
<a href="http://www.inclover-inc.com/pocket/take/lab/label2/" target="_blank">デモページ</a></p>

<p><br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>jqueryで雪を降らしてみよう「jSnow」</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jquery/jqueryjsnow.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.2130</id>

    <published>2009-12-25T11:26:09Z</published>
    <updated>2009-12-25T15:27:33Z</updated>

    <summary>パンクブーブーはやっぱりおもしろかったです。 メリークリスマス。たけだです。 使えるかどうか分からないきっと使わないjqueryですが、 jSnow jSnowプラグインを使えば、簡単にページ内に雪を...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>パンクブーブーはやっぱりおもしろかったです。<br />
メリークリスマス。たけだです。</p>

<p>使えるかどうか分からないきっと使わないjqueryですが、</p>

<p><a href="http://www.dummwiam.com/jSnow" target="_blank">jSnow</a></p>

<p>jSnowプラグインを使えば、簡単にページ内に雪を降らすことができます。<br />
雪だけでなく、文字や画像も降らすことができるので、おもしろいかもしれない。</p>

<p><a href="http://www.inclover-inc.com/pocket/take/lab/snow/index.html" target="_blank">デモ１（雪）</a><br />
<a href="http://www.inclover-inc.com/pocket/take/lab/snow/index2.html" target="_blank">デモ２（文字）</a><br />
<a href="http://www.inclover-inc.com/pocket/take/lab/snow/index3.html" target="_blank">デモ３（画像）</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>ブログにソースコード書きたいときは「jQuery Code Expander」</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jquery/jquery-code-expander.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1955</id>

    <published>2009-09-09T06:10:06Z</published>
    <updated>2009-09-09T06:34:27Z</updated>

    <summary>最近一番楽しみにしていたナインティナインのオールナイトニッ本がついに発売されました。 もちろんすぐに手に入れました。 こんにちわ。たけだです。 ブログにコードを書きたいときってあるよね。 方法はいくつ...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>最近一番楽しみにしていた<a href="http://www.amazon.co.jp/%E3%83%8A%E3%82%A4%E3%83%B3%E3%83%86%E3%82%A3%E3%83%8A%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%AA%E3%83%BC%E3%83%AB%E3%83%8A%E3%82%A4%E3%83%88%E3%83%8B%E3%83%83%E6%9C%AC/dp/4847041941/ref=sr_1_1?ie=UTF8&s=books&qid=1252392062&sr=1-1" target="_blank">ナインティナインのオールナイトニッ本</a>がついに発売されました。<br />
もちろんすぐに手に入れました。<br />
こんにちわ。たけだです。</p>

<p>ブログにコードを書きたいときってあるよね。<br />
方法はいくつかありますが、<br />
今回紹介するのは、<br />
<a href="http://www.marcofolio.net/webdesign/jquery_code_expander.html" target="_blank">jQuery Code Expander</a><br />
長いソースコードを書くときは、どうしても広いスペースが必要ですが、<br />
jqueryを使えば伸びたり縮んだり。</p>

<p><a href="http://www.inclover-inc.com/pocket/take/lab/code/index.html" target="_blank">デモ</a></p>

<p><br />
他にも、<br />
<a href="http://code.google.com/p/syntaxhighlighter/" target="_blank">SyntaxHighlighter</a></p>

<p><a href="http://code.google.com/p/google-code-prettify/" target="_blank">Google Code Prettify</a></p>

<p><a href="http://softwaremaniacs.org/soft/highlight/en/" target="_blank">HIGHLIGHT.JS</a></p>

<p>を導入すれば、ソースコード書くとハイライト表示してくれて、ソースコードが読みやすくなります。<br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>メールフォームで使えるクリックしたら消えるアレ「jQuery Inline Form Labels」</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jquery-inline-form-labels.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1843</id>

    <published>2009-08-20T02:44:33Z</published>
    <updated>2009-08-20T02:48:10Z</updated>

    <summary>8月20日はヤフーの日です。 こんにちわ。たけだです。 inputやtextareaをクリックしたら消えるアレをメールフォームに使いたかったので、いろいろ探したら辿り着きました。 jquery-inl...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>8月20日はヤフーの日です。<br />
こんにちわ。たけだです。</p>

<p>inputやtextareaをクリックしたら消えるアレをメールフォームに使いたかったので、いろいろ探したら辿り着きました。</p>

<p><a href="http://trevordavis.net/blog/tutorial/jquery-inline-form-labels/" target="_blank">jquery-inline-form-labels</a></p>

<p><a href="http://www.inclover-inc.com/pocket/take/lab/label/" target="_blank">デモ</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>ロールオーバーをアニメーションをいい感じに切り替えてくれる『jQueryBlend』</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jqueryblend.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1723</id>

    <published>2009-07-10T10:39:56Z</published>
    <updated>2009-07-10T10:53:41Z</updated>

    <summary>冗談ですが、MT5が発表されて毎日興奮して眠れません。 こんにちわ。たけだです。 グローバルメニューや、バナー、ボタンをロールオーバーで普通に切り替えるんじゃなくて もうちょいかっこよくアニメーション...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>冗談ですが、MT5が発表されて毎日興奮して眠れません。<br />
こんにちわ。たけだです。</p>

<p>グローバルメニューや、バナー、ボタンをロールオーバーで普通に切り替えるんじゃなくて<br />
もうちょいかっこよくアニメーションで切り替えてくれると嬉しいなとか思ったりすることよくあるよね。</p>

<p>見つけちゃいました。</p>

<p><a href="http://colorpowered.com/blend/" target="_blank">jQueryBlend</a></p>

<p><a href="http://www.inclover-inc.com/pocket/take/lab/blend/" target="_blank">デモ</a></p>

<p>これで、ロールオーバーに新しい動きを取り入れることが簡単にできちゃいますね。</p>]]>
        
    </content>
</entry>

<entry>
    <title>jqueryを使って素早く検索ができる『jQuery Live Search』</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jqueryjquery-live-search.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1700</id>

    <published>2009-06-09T12:23:26Z</published>
    <updated>2009-06-09T12:35:48Z</updated>

    <summary>季節の変わり目はいつも風邪をひくんです。 こんにちわ。たけだです。 mt-search.cgiが残念なことになってたり、 サイト内検索をサーバー側で動かしてるとけっこうレスポンスが遅かったりしますよね...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>季節の変わり目はいつも風邪をひくんです。<br />
こんにちわ。たけだです。</p>

<p>mt-search.cgiが残念なことになってたり、<br />
サイト内検索をサーバー側で動かしてるとけっこうレスポンスが遅かったりしますよね。</p>

<p>選択肢はいくつかあって、GoogleやYahooなどの検索フォームの設置や、<br />
ajaxを使ってサイト内検索をするとレスポンスが速かったりします。</p>

<p>今回は、jqueryを使ってクライアント側で検索をするプラグインを紹介します。</p>

<p><a href="http://github.com/nakajima/jquery-livesearch/tree/master" target="_blank">jQuery Live Search</a></p>

<p></p>

<p><a href="http://www.inclover-inc.com/pocket/take/lab/livesearch/" target="_blank">デモ</a></p>

<p></p>

<p>日本語にも対応していて、<br />
文字を入力するたびにフィルタリングされ、そこそこ高速な検索が可能です。<br />
大量なデータを扱うのでなければ選択肢の一つに入れてもいいかもしれないですね。</p>]]>
        
    </content>
</entry>

<entry>
    <title>探してるjqueryのサンプルがほぼ見つかる。かも『jQuery List』</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/jqueryjquery-list.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1699</id>

    <published>2009-06-08T12:14:26Z</published>
    <updated>2009-06-09T12:35:01Z</updated>

    <summary>「ウォーリーをさがせ！」の実写映画化は、絶対見に行きます。 こんにちわ。たけだです。 jqueryであの動きするプラグイン探してるけどみつからねーーっていうときあるよね。 そんなときはこのサイトを訪問...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>「ウォーリーをさがせ！」の<a href="http://eiga.com/buzz/20090603/4" target="_blank">実写映画化</a>は、絶対見に行きます。<br />
こんにちわ。たけだです。</p>

<p>jqueryであの動きするプラグイン探してるけどみつからねーーっていうときあるよね。<br />
そんなときはこのサイトを訪問してみよう。</p>

<p><a href="http://jquerylist.com/" target="_blank">jQuery List</a></p>

<p>jqueryのプラグインやらTipsを集めたサイトで、<br />
それらを1ページで表示してます。</p>

<p>ページの表示にやたら時間かかりそうですが、<br />
探してるものがみつかるかも。</p>]]>
        
    </content>
</entry>

<entry>
    <title>シュッとしてるLightbox風スクリプト「piroBox」</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/lightboxpirobox.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1684</id>

    <published>2009-05-25T08:18:06Z</published>
    <updated>2009-07-10T10:54:46Z</updated>

    <summary>毎朝長袖を着ようか半袖を着ようかとても迷ってしまいます。 こんにちわ。たけだです。 ちょっとかっこよすぎるLightbox風スクリプト「piroBox」を見つけたので紹介します。 preボタン、nex...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="jquery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>毎朝長袖を着ようか半袖を着ようかとても迷ってしまいます。<br />
こんにちわ。たけだです。</p>

<p>ちょっとかっこよすぎるLightbox風スクリプト「<a href="http://www.pirolab.it/pirobox/" target="_blank">piroBox</a>」を見つけたので紹介します。<br />
preボタン、nextボタンをlightboxの外に出すことができたり、ブラウザのサイズによって自動的に拡大画像のサイズを変更したり。<br />
けっこう高機能です。<br />
※jqueryのプラグインです。</p>

<p><a href="http://www.inclover-inc.com/pocket/take/lab/pirobox/" target="_blank">piroBoxデモ</a></p>]]>
        
    </content>
</entry>

</feed>
