ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サンプル表示つき このツールは「7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座」にインスパイアされて作った、初心者向けのお勉強ツールです。 コールバックなど複雑な設定はできませんが、基本的な設定とメソッドチェーンまでできるようにしています。 追記：イベントとAPIをプルダウンメニューで選択できるようにしました。過不足あればご指摘ください。 追記：イベントとAPIのプルダウンメニューでツールチップを表示できるようにしました。ざっくりした内容ですが、これでイベントやAPIの使い方が分かるようになります。 ツールチップを表示 やっつけで作ったので中のコードはかなりひどいです。あしからず。 １．使い方 本エン

ページ幅に応じてYoutube動画などを自動リサイズしてくれるjQueryプラグイン「FitVids.js」 2011年09月13日- FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. ページ幅に応じてYoutube動画などを自動リサイズしてくれるjQueryプラグイン「FitVids.js」 通常、リキッドなレイアウトではテキストは折り返されてもビデオは縮小されません。先日FitTextというソリューションを紹介しましたが、これはテキストと画像のみというものでした。 FitVids.jsを組み合わせることで、動画もページ幅に応じてリサイズが可能 ブラウザを縮小で動画も縮小 ソースを見ると、object, embedや iframe srcの vimeo や youtube

jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。

ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 [ad#ad-2] 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできます。 BoxJS BoxJSの使い方 最初に、box.js(1.4kb)を外部ファイルとして指定します。 <script src="http://www.boxjs.com/box.js"></script> ロードするJSファイルを指定します。 Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi

1.simplelibとは simplelibとはjQueryを利用した様々なプラグインを動的にロードして、ウェブサイトを構築する上でよく使う機能を一元管理するためのツールです。 各プラグインを別ファイルにし、必要なファイルだけをロードします。ダウンロードはこのページの一番下にあります。 2.プラグイン一覧 現在以下のようなプラグインがあり、HTMLに１行追加するだけでこれら全ての機能を追加できます。 accordion

サンプルを用意しました！フォークしてjQuery Mobileを体験してみよう！ スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ！ aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定することができます。data-position="fixed" フォーム周りの要素もjQuery Mobileで表示できます！ そもそもjQuery Mobileってなんだっけ？ jQuery Mobileはモバイルサイト構築のためのフレームワークです。 スマートフォンサイトやWebアプリを作成する際に利用します。 非常に手軽に利用でき、少し勉強するだけでそれなりのものが作れてしまうんですよ！ ということで、j

Tetoは指定URL以下にあるニコニコ動画の動画をMP3化し配信するストリームサーバ。 TetoはPerl製のフリーウェア（ソースコードは公開されている）。ニコニコ動画などで人気の高い動画として作業用BGMが知られている。長時間の動画で、音楽がずっと流れ続ける。それによって集中することもあれば、楽しさのあまりに集中力が途切れる場合もある。 動画一覧 同じくYoutubeではDICOというサービスを提供しており特定アーティスト（と関連アーティスト）の動画を流し続けることができる。それをもっと汎用的に、Webベースで提供するのがTetoになる。 Tetoは指定したURL中にある動画（ニコニコ動画限定のようだ）を取り込み、FFMPEGを使ってMP3に変換して配信するシステムだ。Webサーバにアクセスすると、取得される動画が一覧で表示される。そこからさらにタグを追加して動画を増やすことも可能だ。

以前にも同じようなものがありましたが、 こちらのほうが良かったのでメモ。リスト （デモでは画像を使っています）にフィルタ リングしてソート出来るjQueryプラグイン。 わずか2KBと軽量で、クロスブラウザ対応 です。便利そうなのでどこかで使いたい ですね。 以前ご紹介したFilter Image Viewも良かったのですが、IE6で表示が微妙でしたが、MobilySelectは問題なく、しかも軽量です。 機能はFilter Image Viewと同様で、ボタンを押すと、そのボタン以外のリストを非表示にする、というフィルタリング。 上記は「名刺」のみの表示にした状態。 完璧に同じ挙動、とは行きませんが、IE6でもちゃんとフィルタリングしてくれます。上記はIETesterでのキャプチャ。 マークアップ <div class="selecter selecter1"> <div class="

いつか出るかと思っていましたが、 やっと出始めました。数多に存在 するjQueryのプラグインを検索する ことが出来る検索エンジンです。 まだ膨大な量とは言えないですが、 イデックス数は1000近くあるので 覚えておいて損しなさそうです。 今後に期待したい検索エンジンですねー。現在は1000ほどのプラグインから探せるようになっています。 例によってシンプルな作り。プラグインの数は検索ボックス下部に数値が出ています。 例えば「Drop Down」で検索すると、ドロップダウンメニューやドロップダウンするコンテンツボックスなどを実装出来るプラグインが検索されてきます。 タグでも探せます。 まだまだ数は多いとは言えませんが、便利そうなので今後に期待したいです。 pluginquery

なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると

jQuery関連の多数のライブラリが登録されているJSホスティングの「Cached Commons」 2010年09月01日- Cached Commons jQuery関連の多数のライブラリが登録されているJSホスティングの「Cached Commons」。 <script src="****"></script> のようにしてそのまま使えるGitHub上のCDNにのったJSホスティングサービスです。 jQueryのプラグインなどが豊富なのでGoogleなんかに乗っかっていない場合はこちらを使ってみるのもいいかも。 特にアクセスの多いサイトなどではこうしたJSの転送量もばかになりませんから、転送量節約のためにもよさそうです。 尚、欲しいものがあったらリクエストで追加してくれるそうです。 関連エントリ GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利