jquery.vgrid.jsを使ってサンプル作ってたら無駄にがんばってしまった｜javascript｜Mattune
みなさんこんにちはー。 最初に聞いてた内容と全然違う修正がいっぱいで若干イライラしてたまっつんです。 正直勘弁して欲しいです(´Д｀) そんな中、ちゃっかりネットサーフィンはしていて、たまたまっちゃあたまたまなんですが、ｊQueryを使用した、可変レイアウト用プラグインを発見しました。 詳しくはコチラのサイトから（Xlune::Blogさん） 最近？1ページにたくさんのボックスをフロートさせてレイアウトしているサイトが多いので、自分でもやってみたかったので、このプラグインを使用させていただきました。 使用方法は自分でサンプルサイトを解析する必要がありますが、全然難しくないので、そんなに怖くないです(・∀・) と、まぁ便利なものを見つけたいいが、やっぱり実際に使ってみないことには効果がわからない。 という事で、実際にサンプルサイトを作ってみたんですが、作り始めるとこれが別の意味でおもしろ
jTemplates (jQuery plug-in) の使い方まとめ - COBALT
jTemplates license : MIT, GPL see : http://jtemplates.tpython.com/ 何が出来るのか jQuery単体ではhtmlの動的な生成を行う場合にコードが見づらくなってしまう。 jTemplatesはSmartyのようなテンプレートエンジンで、テンプレートを外部ファイル化する事もできる。 テンプレート化する事によるメリット・デメリットは既知のとおり。 ドキュメント 上記配布サイトにもオンラインドキュメントがあり、基本的な利用には十分に思える。 また、jTemplates.zip をダウンロードすると doc フォルダが含まれていて html ドキュメントがある。 (オンライン版もあったり : http://jtemplates.tpython.com/doc/symbols/Template.html) 使い方 基本的な使い方 js本
婷婷综合久久狠狠色_亚洲国产AⅤ精品一区二区蜜桃_亚洲精品无码专区在线_亚洲欧美精品伊人久久_看黄A大片爽爽爽不打码
婷婷综合久久狠狠色,亚洲国产AⅤ精品一区二区蜜桃,亚洲精品无码专区在线,亚洲欧美精品伊人久久,看黄A大片爽爽爽不打码,国产午夜片无码区在线观看,乱辈通奷ⅩXXXXHD
コンテンツエリアにスクロールバーが付いたタブUI実装jQueryプラグイン「wdScrollTab」:phpspot開発日誌
コンテンツエリアにスクロールバーが付いたタブUI実装jQueryプラグイン「wdScrollTab」 2010年10月13日- wdScrollTab Scroll Tab | jQuery Plugins コンテンツエリアにスクロールバーが付いたタブUI実装jQueryプラグイン「wdScrollTab」 次のようなタブUIを実装することが出来ます。タブは見ての通り綺麗なインタフェースで、閉じるボタンを付けたりすることも出来ます。 タブ内のデータはJSの配列で定義しておいて、TabPanelコンストラクタにオプションを渡すことで初期化することが出来ます。 １から実装しようとするとなかなか大変そうですが、これなら簡単に実装出来ますね。 関連エントリ タブ切り替えでコンテンツがスロットマシンっぽく切り替わるサンプル アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル ナビ
jquery.vgrid.js - PolyPeaceLight
可変グリッドレイアウトのjQueryプラグイン書いたよ | Xlune::Blogを利用しようと思ってみてるところ。 要望として「refreshで動かさないセルが欲しい」とあったので、ちょっと修正 動かさないセル(div)にclassとしてvgfixedをつける jquery.vgrid.0.1.6.jsの340行目 vgsort: function(func, easeing, time, delay) { var _obj = $(this); if(_obj.data("_vgchild")) { _obj.data("_vgchild", _obj.data("_vgchild").sort(func)); _obj.data("_vgchild").each(function(num){ $(this).appendTo(_obj); }); makePos(_obj); ani
Demo | jquery.vgrid.js
Demo list - Variable grid layout. demo001 - Simple Example demo002 - Basic Option Example demo003 - Any Height Grid Example demo004 - FadeIn Option Example demo005 - Sort Example demo006 - Dynamic Grid, Start/Finish Event Example demo007 - Dynamic Image Grid, Start/Finish Event Example demo008 - Multi Box Grid Example demo009 - Grid Element Show/Hide Example demo010 - Drag And Drop Sort Example
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
コンテンツの概要を好きな高さできっちりピクセル指定できデザインを崩させないjQueryプラグイン「DivGrow」:phpspot開発日誌
コンテンツの概要を好きな高さできっちりピクセル指定できデザインを崩させないjQueryプラグイン「DivGrow」 2010年10月29日- DivGrow jQuery Plugin ? Easily make your DIV containers expandable & collapsable (with animation) HibboBlog コンテンツの概要を好きな高さできっちりピクセル指定できデザインを崩させないjQueryプラグイン「DivGrow」。 ブログの記事の概要なんかを次のように画像の横に表示させるとして、このプラグインを使うことでピッチリと画像の高さをあわせてデザインをスッキリさせることが可能です。 通常こういうことをやろうとすると結構めんどくさいですがjQueryプラグインなので高さを渡してあげるだけで綺麗にそろいます。 で、「Show More」という部分
DivGrow jQuery Plugin – Easily make your DIV containers expandable & collapsable (with animation)
DivGrow jQuery Plugin – Easily make your DIV containers expandable & collapsable (with animation) I had the need for a number of divs on a page that would show a certain amount of content, then grow (animate) with a ‘show more’ button, and shrink back with a ‘show less’ button. There were solutions out there, but the ones I found were based on the number of characters in the text and had issues wi
jQuery TemplateでRSSを表示する - ミショニポー
RSSを表示するには、PHPだと、simplexml_load_fileなどの関数で、サーバサイドで表示することができます。(具体的には、PHP allow_url_fopen - ミショニポーを見てください） サーバサイドで処理した場合、ユーザがアクセスした時に、RSSが受け取れなくて表示までに、時間がとてもかかり、実用にならないという事があります jquery template で、しばらく忘れていた、データバインディングという言葉に、再び出会いました ブラウザ依存性から脱出した、データバインディングの姿を見てみたくて、動かす事にしました このブログのRSSを表示します 正しいかどうか、◎×△■、uuuuuuｍ 備忘 <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.min.j
ASP.NET MVC 2による非同期コントローラーとjQuery Template連携
はじめに 前編では、ASP.NET MVC 2（以下、MVC 2）の概要とエリアやテンプレートの活用方法について、中編ではDataAnnotationを使用した検証方法について紹介しました。連載最終回となる今回は、AsyncController（非同期コントローラー）と、MVC 2におけるjQuery活用方法にフォーカスを当てて紹介します。 使用するVisual Studioのバージョンは2010ですが、2008でも同様のサンプルを実行できます。 なお、ASP.NET MVCの基本的な開発については過去の連載を参照してください。 ASP.NET MVCフレームワークの概要を理解する ASP.NET MVCで簡単なアプリケーションを構築しよう ASP.NET MVCで認証、テスト、フィルタ機能、AJAXを活用しよう ASP.NET MVCの開発応用編1 ～リポジトリパターンをマスターする～
jQuery公式のテンプレートplugin 「jQuery Templates」
jQuery公式のテンプレートplugin 「jQuery Templates」 Check Tweet 配布元:jquery’s jquery-tmpl at master – GitHub リファレンス:jQuery Templates jQueryプロジェクトからいくつかの公式プラグインが公開されました。そのひとつが「jQuery Templates」。これはJavaScriptで利用できるテンプレートエンジンです。 利用方法 本エントリー執筆時点ではGitHubからダウンロードして利用できますが、jQuery 1.5からはjQuery本体に組み込まれ、プラグインなしで利用することが出来ます。(本体への組み込みは延期されました)また、MicrosoftのCDNでも公開されていますので次のような記述で読み込むことも可能です。 <script type="text/javascript"
Templates – jQuery API
These documentation topics concern the jQuery Templates plugin (jquery-tmpl), which can be downloaded from: http://github.com/jquery/jquery-tmpl. A template contains markup with binding expressions. The template is applied to data objects or arrays, and rendered into the HTML DOM. jQuery.tmpl()Render the specified HTML content as a template, using the specified data. jQuery.tmplItem()Return the tm
jQueryプラグインのテンプレートエンジン - nakawai’s diary
jQueryクックブックのレシピ17.4(p.428)にて、テンプレートエンジンの紹介がありました。「PURE」という名前のjQueryプラグインです。 jsのテンプレートエンジンは、以前にjTemplatesの採用を検討したのですが見送ってました。（理由は忘れた。多分なんとなく） なので、jTemplatesも含めていまいちど検討してみようと思います。 jTemplates 公式サイト jTemplates - template engine in JavaScript テンプレートの定義 テキストファイルで用意する。 テンプレートの指定方法 ラッパーオブジェクトのsetTemplateURL()の引数にテンプレートファイルをURLで指定し、ラッパーオブジェクトのprocessTemplate()の引数にjsonを渡す。 実際のソースコード $(document).ready(funct
pure.js - Javascript Template Engine
Write your templates in pure HTML Clean of any inline logic or special tags CSS selectors are used to bridge the HTML with Javascript actions Providing a radical separation between the representation and the logic Here we explain why we did pure.js back in 2008 And you can ask your questions to the user group Download pure.js on Github We have been happily using pure.js since 2008 for our own web
iGoogle風のUIを比較的簡単に実現できる「iNettuts」:phpspot開発日誌
How to Mimic the iGoogle Interface | Nettuts iGoogle風のUIを比較的簡単に実現できる「iNettuts」。 iGoogle風のUIを作成するNettutsのチュートリアルとサンプルコードのダウンロードが可能です。 当然ドラッグ＆ドロップによる移動やソートも可能になってます。 自分で作るとかなり大変そうですが、こうしたものを使うことで誰でも簡単に実現できますね。 解説を読んでもなかなか勉強になりそうです。 関連エントリ Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 iGoogleみたいなインタフェースを作成するチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
With-No-Parachute D-side
http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/sample.htm
wdScrollTab Scroll Tab | jQuery Plugins
iNettuts - Welcome!