Autosize
Usage The autosize function accepts a single textarea element, or an array or array-like object (such as a NodeList or jQuery collection) of textarea elements. // from a NodeList autosize(document.querySelectorAll('textarea')); // from a single Node autosize(document.querySelector('textarea')); // from a jQuery collection autosize($('textarea')); Methods Triggers the height adjustment for an assig
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」:phpspot開発日誌
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 2011年11月14日- jQuery Autosize for textarea elements テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 次のようにテキストを入力するとちょうどテキストにフィットするようにtextareaのサイズが変わります。最初からあまり大きくしたくないけどスクロールさせたり利便性を損なうのは嫌、という場合に使えます。 この手のプラグインは過去にも紹介しましたが、jqueryプラグインなので、必要プラグインを読み込んだら、$('textarea').autosize(); のように初期化しちゃえば使えちゃうというのもいいですね jQue
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Add a respsonsive image slider to any website.
feedblog (フィードブログ) プロジェクト日本語トップページ - OSDN
JavaScriptのみで記述されたブログツール・ソフトウェアです。ブログライクな機能を実現します。RubyやPHP、CGI等のサーバサイドの技術を使わずに、JavaScriptのみで動作するのが特長です。 現在、以下のものを配布しています。 feedblog : JavaScriptのみで動作する、ブログツール・ソフトウェア本体です。サーバサイドの技術に頼ることなく、JavaScriptのみでブログライクな機能（過去ログの切り替え、ページャ機能、直URLでのアクセス、タグによる分類機能、記事検索機能）を実現します。 feedblogはデータソースにXML（Feed Atom形式）を使用しています。 本ソフトウェアのパッケージは次の通りです。 1.feedblog CoreScript feedblogのコアスクリプトです。記事の表示全般に関する機能を実現します。 2.feedblog S
ポップアップ
HTML Include Script Files <script type='text/javascript' src='jquery.popeasy.js'></script> <script type='text/javascript' src='site.js'></script> Place in body <a class="popeasy" href="#">Click Me <div class="overlay"></div> <div class="modal"> <a href="#" class="closeBtn">Close Me</a> <!-- content here --> </div> CSS .overlay{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:
[JS]超軽量だけど、高性能なモーダルウインドウを実装するスクリプト -TinyBox2
jQueryなどの他のスクリプトに依存せずにモーダルウインドウを実装する高性能で超軽量（5KB）のスクリプトを紹介します。 JavaScript Modal Windows – TinyBox2 デモページ [ad#ad-2] TinyBox2のデモ デモはシンプルなモーダルウインドウから、アニメーション付き、AJAX対応、iFrame対応、画像対応などがあり、どれも実用的なものとなっています。 ウインドウをクローズする際はクローズボタン、もしくはウインドウ外のクリック、「ESC」キーの操作に対応しています。 デモページ：No Animation, No Close Button, Auto Width/Height, Custom Styling アニメーション：無し、クローズボタン：無し、幅と高さ：自動、カスタムスタイリング
javascriptのみでクロスドメインのRSSを取得する方法 - くらげのChangeLog
http://code.google.com/intl/ja/apis/ajaxfeeds/documentation/ JavaScriptのみで他のサイトの情報を取得する場合、XmlHttpRequestオブジェクトはクロスドメインを許可しないため、JSONPを利用して取得するのが基本である。 本来ならJSONPを利用するためには、サーバ側がJSONPに対応したAPIを持っているか、RSSをJSONPに変換する作業が必要である。しかし、Googleが公開しているGoogle Ajax Feed API というAPIを利用すれば、JSONPの変換・取得が簡単に扱える。 以下に、具体的にはどう使うかを示す。 Google Feed APIのみを利用する場合 <html><head> <script type="text/javascript" src="http://www.google.
第4回 要素の操作＆ユーティリティ編
<style type="text/css"> .self { background-color:Yellow; } .sib { border: solid 1px Blue; margin: 5px } </style> ……中略…… <script type="text/javascript"> $(function() { $('div#self'). // <div id="self">要素を取得 prepend('<div class="sib">兄</div>'). // 子要素先頭に追加 append('<div class="sib">弟</div>'). // 子要素末尾に追加 before('<div>伯父さん</div>'). // 要素の前方に追加 after('<div>叔父さん</div>'); // 要素の後方に追加 }); </script> ……中略…
グリッドレイアウトでのWebサイト構築に役立つjQueryプラグイン「BlocksIt.js」「Isotope」「jQuery Masonry」｜BLACKFLAG
最近のレスポンシブWebデザインの影響もあって ボックスをタイル状に並べた構成のグリッドレイアウトWebサイトをよく見かけます。 ウィンドウサイズによって最適な配置で画面を構成できたりするグリッドレイアウトですが jQueryを使って簡単に実装することができるプラグインを自分用メモとして紹介してみます。 まずは「BlocksIt.js」 BlocksIt.js | Dynamic Grid Layout jQuery Plugin – Plugin Page デモページはこちら BlocksIt.js Demonstration #1 – Random Dynamic Grid Layout BlocksIt.js Demonstration #2 – Pinterest Dynamic Grid Layout with CSS3 Transitions ページをロードするたびにランダムで
Web-ContentsSketch：ウェブを中心にデザイン活動している人の日々の記録 【かなり好み！！可変グリッドレイアウト・アニメーション付プラグインがすごい！！jquery.vgrid.js】
WEBデザイナーとして日々感じたこと、思ったこと。 写真、絵、デザイン、WEB、インタラクションなことがらについて。 フットサル／サッカーの話題なども。 以前、可変型グリッドレイアウトのjQueryプラグインjQuery Masonryについて紹介しましたが、 ●【ボックス内にFloatさせた要素をレンガっぽく詰め込むjQueryプラグイン「jQuery Masonry」】 Twittre経由で知ったのですが、今回紹介するのは、リキッドにレイアウトが変わる際にアニメーションも伴うjQueryのプラグイン「jquery.vgrid.js」です。 ●可変グリッドレイアウトのjQueryプラグイン書いたよ | Xlune::Blog デモページ デモの種類もベーシックなバージョンから、かなり完成度の高いものまで揃っていてすごいです。 そして動作も軽い！！ IE6でも動作してますね！ アニメーショ
[JS]ダイナミックなアニメーションでレイアウトを変更するスクリプト -Isotope
Demo: images IsotopeにはimagesLoadedプラグインも含まれており、画像のロードにコールバック関数を利用できます。 Isotopeの特徴 レイアウト モード： CSSだけではできない、インテリジェントでダイナミックなレイアウトを実現します。 フィルタリング： jQueryのセレクタを使用して、簡単にエレメントのフィルタリングが行えます。 ソート： あらゆるデータからソートが行えます。 各機能の互換性： レイアウトモード、フィルタリング、ソートの各機能は一緒に利用することができます。 最適化： Isotopeのアニメーションエンジンは、表示しているブラウザごとに最適なものを使用します。例えば、CSS3 transitons, transformsなどで、これらに非対応なブラウザ（IEなど）は、JavaScriptでアニメーションを実現します。 Isotopeの実装
Qiitaのtextarea自動補完がOSSになりました - Qiita
jQuery.textcomplete（デモ） GitHubのようなtextareaの補完機能を実装する - カーソル位置の取得 を書いたのも今は昔、いつか続きを書こう書こうと思いながら気がつけば5ヶ月が過ぎました なんか続きを書くのが面倒くさくなったのと、某日本最大レシピ共有サイトの技術部長の人から「OSSにして欲しい」という要請を人伝に受け取ったこともあって、OSS化した次第です。 ライセンス MITライセンス 簡単な使い方 簡単に説明します。詳しくは README を読んでください。 まず jQuery.textcomplete は名前からも分かるように jQuery プラグインになっているので、別途 jQuery が必要です。 <script src="path/to/jquery.js"></script> <script src="path/to/jquery.textcomp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブ対応のjQueryスライドショープラグイン総まとめ
dskymd Blog | Since Dec 2006.
http://daily.d3js.info/?p=296