https://b.hatena.ne.jp/tasknow/jQuery/ jQueryに関するtasknowのはてなブックマーク (11) https://srobbin.com/jquery-plugins/pageslide/ tasknow 2012-03-13T02:29:36Z jQuery <blockquote cite="https://srobbin.com/jquery-plugins/pageslide/" title="Scott Robbin"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsrobbin.com%2Fjquery-plugins%2Fpageslide%2F" alt="" /> <a href="https://srobbin.com/jquery-plugins/pageslide/">Scott Robbin</a></cite><p><a href="https://srobbin.com/jquery-plugins/pageslide/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4dff3fb8c6b50751949ec9ec8fb8d0500df10d20/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.notion.so%2Fimages%2Fmeta%2Fdefault.png" alt="Scott Robbin" title="Scott Robbin" class="entry-image" /></a></p><p>A web developer from Evanston, Illinois</p><p><a href="https://b.hatena.ne.jp/entry/s/srobbin.com/jquery-plugins/pageslide/"><img src="https://b.hatena.ne.jp/entry/image/https://srobbin.com/jquery-plugins/pageslide/" alt="はてなブックマーク - Scott Robbin" title="はてなブックマーク - Scott Robbin" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/srobbin.com/jquery-plugins/pageslide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 132 https://kachibito.net/web-design/hash-slider.html tasknow 2011-12-12T08:11:11Z jQuery <blockquote cite="https://kachibito.net/web-design/hash-slider.html" title="シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Fhash-slider.html" alt="" /> <a href="https://kachibito.net/web-design/hash-slider.html">シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/hash-slider.html"><img src="" alt="シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net" title="シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net" class="entry-image" /></a></p><p>この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/hash-slider.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/hash-slider.html" alt="はてなブックマーク - シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net" title="はてなブックマーク - シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/hash-slider.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 59 http://laquu.com/ tasknow 2011-09-16T09:03:46Z jQuery web制作 <blockquote cite="http://laquu.com/" title="会社ロゴマーク デザインアーカイブ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flaquu.com%2F" alt="" /> <a href="http://laquu.com/">会社ロゴマーク デザインアーカイブ</a></cite><p><a href="http://laquu.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb682cd99463f101dcf93b04df3bbae1c4a75c0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstatic.hugedomains.com%2Fimages%2Fhdv3-img%2Fog_hugedomains.png" alt="会社ロゴマーク デザインアーカイブ" title="会社ロゴマーク デザインアーカイブ" class="entry-image" /></a></p><p>Make 24 monthly payments Pay 0% interest Start using the domain today. See details</p><p><a href="https://b.hatena.ne.jp/entry/laquu.com/"><img src="https://b.hatena.ne.jp/entry/image/http://laquu.com/" alt="はてなブックマーク - 会社ロゴマーク デザインアーカイブ" title="はてなブックマーク - 会社ロゴマーク デザインアーカイブ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/laquu.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 546 https://kachibito.net/web-design/laquu-js.html tasknow 2011-09-16T02:53:59Z jQuery web制作 <blockquote cite="https://kachibito.net/web-design/laquu-js.html" title="タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Flaquu-js.html" alt="" /> <a href="https://kachibito.net/web-design/laquu-js.html">タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/laquu-js.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a626c800223c9784330229779c49dd8a7a15f4a1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2011%2F09%2Flaquu00.jpg" alt="タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net" title="タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net" class="entry-image" /></a></p><p>たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と いう名みたいです。 国産のプラグインなのでドキュメントも日本語です。英語が苦手な方でも...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/laquu-js.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/laquu-js.html" alt="はてなブックマーク - タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net" title="はてなブックマーク - タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/laquu-js.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 317 https://phpspot.org/blog/archives/2011/09/jquery_82.html tasknow 2011-09-06T06:18:20Z jQuery <blockquote cite="https://phpspot.org/blog/archives/2011/09/jquery_82.html" title="並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2011%2F09%2Fjquery_82.html" alt="" /> <a href="https://phpspot.org/blog/archives/2011/09/jquery_82.html">並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2011/09/jquery_82.html"><img src="" alt="並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌" title="並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌" class="entry-image" /></a></p><p>Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 &lt;img&gt;を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2011/09/jquery_82.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2011/09/jquery_82.html" alt="はてなブックマーク - 並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌" title="はてなブックマーク - 並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2011/09/jquery_82.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 608 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html tasknow 2011-08-04T08:47:14Z JavaScript jQuery まとめ <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html" title="[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugins-best-2011-jul.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html">[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html"><img src="" alt="[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス" title="[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス" class="entry-image" /></a></p><p>jquery.transitions CSS transitionのサポートを検出し、classベースのアニメーションを与えることができます。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html" alt="はてなブックマーク - [JS]jQueryのプラグイン33 1選 -2011年7月 | コリス" title="はてなブックマーク - [JS]jQueryのプラグイン33 1選 -2011年7月 | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-jul.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 333 https://kachibito.net/web-design/jquery-mobile-mark-up-list.html これはわかりやすい。 tasknow 2011-04-15T02:16:33Z まとめ jQuery Mobile <blockquote cite="https://kachibito.net/web-design/jquery-mobile-mark-up-list.html" title="jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Fjquery-mobile-mark-up-list.html" alt="" /> <a href="https://kachibito.net/web-design/jquery-mobile-mark-up-list.html">jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/jquery-mobile-mark-up-list.html"><img src="" alt="jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net" title="jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net" class="entry-image" /></a></p><p>この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそ...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/jquery-mobile-mark-up-list.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/jquery-mobile-mark-up-list.html" alt="はてなブックマーク - jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net" title="はてなブックマーク - jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/jquery-mobile-mark-up-list.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 328 http://stack3.com/old/juietter.html tasknow 2011-03-31T04:36:13Z twitter javascript ダウンロード jQuery <blockquote cite="http://stack3.com/old/juietter.html" title="HugeDomains.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fstack3.com%2Fold%2Fjuietter.html" alt="" /> <a href="http://stack3.com/old/juietter.html">HugeDomains.com</a></cite><p><a href="http://stack3.com/old/juietter.html"><img src="" alt="HugeDomains.com" title="HugeDomains.com" class="entry-image" /></a></p><p>Captcha security check stack3.com is for sale Please prove you&#39;re not a robot View Price Processing</p><p><a href="https://b.hatena.ne.jp/entry/stack3.com/old/juietter.html"><img src="https://b.hatena.ne.jp/entry/image/http://stack3.com/old/juietter.html" alt="はてなブックマーク - HugeDomains.com" title="はてなブックマーク - HugeDomains.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/stack3.com/old/juietter.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 25 https://phpspot.org/blog/archives/2009/07/twitterjqueryju.html tasknow 2011-03-31T00:53:47Z twitter jQuery <blockquote cite="https://phpspot.org/blog/archives/2009/07/twitterjqueryju.html" title="サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2009%2F07%2Ftwitterjqueryju.html" alt="" /> <a href="https://phpspot.org/blog/archives/2009/07/twitterjqueryju.html">サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2009/07/twitterjqueryju.html"><img src="" alt="サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌" title="サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌" class="entry-image" /></a></p><p>Juitter | jQuery Plugin to put Twitter live on your website サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 次のようなウィジェットをjQueryプラグインによって簡単設置されます。 Twitterの発言は、ダイナミックに更新されたものからアニメーションされつつ追加されると...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2009/07/twitterjqueryju.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2009/07/twitterjqueryju.html" alt="はてなブックマーク - サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌" title="はてなブックマーク - サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2009/07/twitterjqueryju.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 66 http://weboook.blog22.fc2.com/blog-entry-244.html tasknow 2011-03-24T09:32:23Z jQuery webデザイン javascript <blockquote cite="http://weboook.blog22.fc2.com/blog-entry-244.html" title="jQueryでスクロールしても上に固定されるメニュー｜Webpark"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fweboook.blog22.fc2.com%2Fblog-entry-244.html" alt="" /> <a href="http://weboook.blog22.fc2.com/blog-entry-244.html">jQueryでスクロールしても上に固定されるメニュー｜Webpark</a></cite><p><a href="http://weboook.blog22.fc2.com/blog-entry-244.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fb9ffc84cd9df070c143ff779d66c8cad639737c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-73.fc2.com%2Fw%2Fe%2Fb%2Fweboook%2Fwebpark-ogp.png" alt="jQueryでスクロールしても上に固定されるメニュー｜Webpark" title="jQueryでスクロールしても上に固定されるメニュー｜Webpark" class="entry-image" /></a></p><p>よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 &lt;script type=&quot;text/javascript&quot;&gt; $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scr...</p><p><a href="https://b.hatena.ne.jp/entry/weboook.blog22.fc2.com/blog-entry-244.html"><img src="https://b.hatena.ne.jp/entry/image/http://weboook.blog22.fc2.com/blog-entry-244.html" alt="はてなブックマーク - jQueryでスクロールしても上に固定されるメニュー｜Webpark" title="はてなブックマーク - jQueryでスクロールしても上に固定されるメニュー｜Webpark" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/weboook.blog22.fc2.com/blog-entry-244.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 610 https://phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html tasknow 2011-03-02T22:58:16Z jQuery タグクラウド プラグイン web制作 <blockquote cite="https://phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html" title="瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2011%2F03%2Fjqueryjimpl_tag.html" alt="" /> <a href="https://phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html">瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html"><img src="" alt="瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌" title="瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌" class="entry-image" /></a></p><p>Jimpl Tag Cloud 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」 次のようにHTMLを定義して  $(&#39;#tagcloud&#39;).tagCloud({separator: &#39;.&#39;}); とするだけで上記のタグクラウドが形成出来ます。 &lt;div id=&quot;tagcloud&quot; class=&quot;tagcloud&quot;&gt; Image converter. Image converter. Image resizer. Png to ico. P...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html" alt="はてなブックマーク - 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌" title="はてなブックマーク - 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2011/03/jqueryjimpl_tag.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 103