jQuery Mobile についてのプレゼン資料です。
![jQuery Mobile 調査報告(仮)](https://cdn-ak-scissors.b.st-hatena.com/image/square/512b3c6a8b75e40f1263126b4e7fe25128fabe5c/height=288;version=1;width=512/https%3A%2F%2F0701.static.prezi.com%2Fpreview%2Fv2%2F5whctg6reqb3s6esdu4c66zvwx6jc3sachvcdoaizecfr3dnitcq_3_0.png)
飛ぶ前にbit.lyやTinyURL等の短縮URLの飛び先を調べられるjQueryプラグイン「longshore」 2010年08月04日- longSHORE - The missing URL service 飛ぶ前にbit.lyやTinyURL等の短縮URLの飛び先を調べられるjQueryプラグイン「longshore」。 bit.ly なんかで短縮されたURLの上にカーソルを合わせると次のようにポップアップが表示され、リンク先に関する情報が分かります。 なんと、驚くことに545のURL短縮サービスに対応しています。 →対応サービスはこちら 実装は、単にプラグインを読み込むだけで超簡単ですね。 英語部分は直接日本語化しちゃえばすぐ使えそうです。 関連エントリ PHP25行で書くURL短縮プログラム PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::
Sécurité des données : Définition, explication et guide La sécurité des données est un processus qui consiste à protéger les fichiers, les bases de données et les comptes sur un réseau en adoptant un ensemble de contrôles, d'applications et de techniques qui identifient l'importance relative des différents ensembles de données, leur sensibilité, les exigences de conformité réglementaire, puis en a
CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaEleme... 次の記事 ≫:Bit.lyのクリック数をエントリにjQueryで表示するコード Plugins | jQuery Plugins ホバー開始、終了時のアクションタイマーを実装できるjQueryプラグイン「hoverTimer」。 cssの:hoverなどを使うと、マウスホバー時の動作を指定できたりしますが、hoverTimerを使えば、ホバー開始や終了から何秒後という風にタイミングをずらせて処理を行うことが容易です。 ヘルプやヒントなんかで、マウスを乗せたらしばらくはマウス操作に関わらず数秒表示しておくというような部分に応用できますね。 実装は次のようにhoverTimerメソッドにオプションを渡せば動きます。 $(element).hoverTimer({ waitover:200, //
HoverTimer HoverTimer is a plugin made to handle the simple hover interaction the user has with the interface. It's basic function times the event starting at the actual mouseover and applies the event with a specified delay in order to solve some of the issues that causes. Object Oriented - It's object oriented as a group object that instantiates the elements as timer objects, allowing each of th
hoverTimer hoverTimer is an object oriented timer that waits for a specified amount of time to pass to prior to calling the "mouseover" and "mouseout" events, also timing each events adding triggers to an update event that can be used as a listener. It also maintains the timer objects in a group to allow control over other still active objects. Releases Official releasesDateSizeLinksStatus
Plugins | jQuery Plugins Amazonスタイルのアイテムスクローラー実装jQueryプラグイン。 amazonでよく見る次のようなアイテムスクローラーをjQueryで簡単に実装できます。 <ul>でアイテムリストを定義しておいて、$(element).amazon_scroller({options}); のようにして簡単に初期化することが可能です。 ブログエントリの下部でのオススメ商品なんかの紹介に使えそうですね。 関連エントリ 画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」 カートが目立たず、いい感じにスライドしてくれるショッピングカートの仕組み コンテンツを滑らかにスライドさせるjQueryプラグイン
Usage Add js and css files. <link href="css/amazon_scroller.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/amazon_scroller.js"></script> Add html tags. <div id="amazon_scroller1" class="amazon_scroller"> <div class="amazon_scroller_mask"> <ul> <li><a href="link1" title="title1"><img src="ima
jQueryRotate - Rotate Image by angle in all Browsers (Wilq32) IEでも使える画像の回転用jQueryプラグイン「jQueryRotate」 $('#image').rotate(-25);のようにして簡単に画像を回転できるだけでなく、回転するアニメーション効果を持たせることも可能です。 タイトルロゴとかに回転効果をつけてみても面白いかもしれません。 使い方次第ではダイナミックなWEBデザインが作れそうですね。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプログラム 高いカスタマイズ性を持つ画像ギャラリー実装用jQueryプラグイン「AD Gallery」 画像をスムーズに拡大できるjQuer
Go back to main page: http://wilq32.blogspot.com/ JQuery plugin to rotate images made in pure Javascript + HTML5 <canvas> element and VML in IE. Actual Version: 1.5 Last Relase: 26.07.2010 Author: Wilq32 (Pawel Witkowski) wilq32@gmail.com Download: jQueryRotate.jsComments, Issues, SVN-repository: GoogleCode HostingDescription: This is an final product of a Wilq32.PhotoEffect Snippet (browse blog
画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」 2010年07月26日- Sudo Slider jQuery Plugin Demo#1 画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」。 簡単な定義でなんでもスライダーとして動作させちゃうことが出来ます。 <div>の中に<ul>リストで<li>内にコンテンツを並べるだけであとは順次スライドしてくれるようです。 あとはAjaxによるコンテンツ読み込みにも対応してるみたい 以下にサンプルをご紹介。 シンプルな画像スライダー ページ送りを追加した例 ページ送りは番号だけじゃなくて特定文字列の定義も可能 タブっぽいUIにすることも可能。コンテンツの高さは自動でアニメーションしながら調節されるようにしたりもできる 他にも色々
If you need help, the first thing you should do is read the documentation. Start with reading howto setup the slider if you are completely lost. I like my work, like to see a piece of code grow. But humans doensn't live of air alone. So if you like my creation, you should consider giving me a cup of coffee.
ezMark jQuery Plugin - Stylize Checkbox and Radio Button Easily checkboxやradioボタンを個性的なデザインにできるjQueryプラグイン「ezMark」。 次のようなデザインにすることが可能です。CSSをカスタマイズしてiPhoneっぽくすることも出来ます $(element).ezMark() とするだけでスタイリングできるのはいいですね。 関連エントリ フォームのユーザビリティに貢献するjQueryプラグイン ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 サイト内にTwitter投稿用のフォームを直接埋め込んでしまえるjQueryプラグイン「
Building websites for PUMA has given me the opportunity to do some pretty cool stuff. The latest feature was dreamed up by Owen, and it turned out to be pretty easy to do with JavaScript. These large individual product images work great for products like shoes, but when we needed to introduce clothing items we couldn't fit the entire product in without shrinking the image down until it was too sma
Git ExtrasはGit用のフリーウェア(ソースコードは公開されている)。GitはGUIよりもCUIから操作することの方が多い。まだGUIフロントエンドの決定版のようなものが存在しないというのもあるが、普段の操作であればターミナル操作で十分ということもある。 カウントオプション そんなGitではあるが、コマンドを色々使うと情報が取れるものの手軽に使うのは難しいという問題がある。それを解決してくれるかも知れないのがGit Extrasだ。Gitユーザはインストール必須と言えるだろう。 Git ExtrasはGitコマンドに新しい機能を追加してくれる。全部で10個のオプションが追加される。例えば「git summary」はリポジトリのサマリーをアウトプットするコマンドだ。他にもchangelog、commits-since、count、delete-branch、delete-tag、ig
見たことの無かったjQueryプラグイン だったので備忘録的に記事にします。 ギャラリータイプのプラグインです。 コンテンツをスライドさせると、画像 がサイドからフェードインしてきます。 シンプルで面白い見せ方ですね。 IE6でも動いてくれました。どこかで使うかもしれないのでメモ。 基本的にはシンプルなギャラリー系のプラグインです。右の矢印アイコンで縦にスライドします。 横からフェードインで表示。 IE6でもうまいこと動いてくれました。 選択肢の一つとして覚えておくとどこかで役に立つかもしれないです。以下よりDL出来ます。 Magic Scroll
EditableGrid - Make your HTML tables editable 値をそのまま編集できてソート可なテーブルを簡単実装できるJSライブラリ「EditableGrid」。 ベタ書きのテーブルタグや、XMLを読み込んでテーブルにすることも可能です。 カラムに型を定義することが出来て、編集時は単純なテキストエリアはもちろんですが、ドロップダウンメニューから選べるようにすることも出来ます。 テーブルヘッダーをクリックすればソートされます。 1から実装しようとするとかなり大変そうですが、ライブラリで比較的簡単に複雑でリッチなテーブルが実現出来ますね。 関連エントリ jQueryベースの多機能グリッドテーブル「DataTables」 jQueryでリッチなグリッドを実装「jqGrid」
This site uses cookies. Don't care, this is just to store the table state. EditableGrid is an open source JavaScript library aimed at turning tables into fully editable components. Its API is focused on simplicity : only a few lines of code are necessary to get your first editable grid up and running. Originally, EditableGrid was a component developed for Hiflow Suite. Thereafter, we decided to fa
Lettering.JS | daverupert.com タイトル文字列をファンシーに加工できるjQueryプラグイン「Lettering.JS」。 jQueryとCSS3を組み合わせて次のようなファンシーなタイトルが画像ではなく文字列で実現出来ます。 タグはこんな感じで普通のHTMLで定義しておくだけでOK <h1 class="fancy_title">Some Title</h1> $(".fancy_title").lettering(); のように初期化して上げれば上記のようにファンシーな感じに変更できます。 マウスカーソルを当てると反応があってなかなか面白いエフェクトがかかってます。 関連エントリ ファンシーなデザインがいい感じのAjax&PHPなコンタクトフォーム作成サンプル 図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Capt
Oh wow! Lettering.JS now has it's own website with a little mini-gallery. Check it out to see how other people are using it. Paravel has just wrapped up an exciting secret project with three of the web's most talented designers: Jason Santa Maria, Frank Chimero, and Naz Hamid. These designs are epic, like 18,123px epic. Working with these guys was a complete joy. There were a few fun development c
最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill
テーブルのJOINが苦手でしたが、この例を思いついてからは、すっきりくっきり理解できるようになりました。むしろ頭から離れません……。 ※ INNER、OUTERは飾り。省略できる。 INNER JOIN → JOIN LEFT OUTER JOIN → LEFT JOIN RIGHT OUTER JOIN → RIGHT JOIN ※ ON ...=... をまとめて USING(属性) と書ける。 ※ 何で結合するか言うまでもない時は、NATURALを指定すると勝手にJOINしてくれる。NATURALにJOINして……。 ※ WHEREは結合した結果に作用する。 ※ 現実には上図のように1対1で結合しません。 ※ おまけ。CROSS JOIN。 こんなの使いません。 ブクマ用画像。
猛暑日が続く2010年の夏、大活躍したのが涼風をもたらしてくれるエアコンや扇風機。しかし、もう暦の上では秋。そろそろ、エアコンや扇風機の出番も少なくなってきたのではないでしょうか。今日は夏の汚れを落とすために実践したい、エアコンと扇風機のお手入れ方法について紹介します。 ■エアコンの掃除の仕方 暑い日は、一日稼働していることもあるエアコン。冬も暖房器具として活躍してもらうため、この機会にスッキリ綺麗にしてしまいましょう。掃除のときに参考にしたいエントリーがこちら。 ▽ カードローンのATMの利用方法 掃除前の準備として、以下のアイテムを揃えましょう。 ゴミ袋(大きめ) ガムテープ ドライバー 掃除機 市販のエアコン清掃スプレー缶 家庭用洗剤 雑巾 バケツ 清掃時間はおよそ1時間。エアコン清掃スプレーは、ホームセンターなどで簡単に手に入れることができます。パネルやフィルターは取り外して家庭用
全部で22パターンのレイアウトが用意されていますが、非常にシンプルな設計になっており、 フォントやその他のレイアウトについては別途自分で定義する必要がありました。 デフォルトではwidthは960pxに設定されていますが、任意の値に変更可能なようです。 シンプルなフレームワークに興味がある方、使ってみてはいかがでしょうか。
ちょっと便利かもと思ったのでご紹介。 CSSスプライト用の画像作成って以外と手間がかかりますよね。 本日紹介する「SpriteMe」というサイトはブックマークレットからCSSスプライト用の画像とCSSを書き出してくれるWEBサービスです。 詳しくは以下 ブックマークレットから実行可能 以下のブックマークレットを使用する事で、好きなサイトでCSSスプライト用の画像を作成する事が可能になっています。 SpriteMeブックマークレット ブックマークを実行すると、画面に使用している画像の一覧が表示されます。 試しに当サイトで実行してみた所です。 make spriteボタンをクリックすると、ファイルのリンク先が書き換えられるのでダウンロードして使用する事ができます。 ちなみにですが、 CSSスプライトとは複数の画像を一枚の画像にする事で読み込みリクエスト数を少なくし、 サイトの表示を高速化するテ
By Louis Lazaris / December 24, 2010 / 54 Comments Updated: August 7, 2022 This article was first published on June 1, 2010 and has been updated to include a few extra features and an improved code base. I’m a huge baseball fan, so earlier this year, just for a fun side project, I recreated the MLB.com Flash content switcher using jQuery and CSS3. My goal with this project was to try to recreate t
通常、画像ギャラリーを作る際には全ての画像を同一のサイズにリサイズ調整してから表示させると思いますが、 このプラグインを使うと自動的に最適なサイズになるように調整してくれます。 (サーバーサイドのスクリプトは使用しないので、ファイルサイズはそのままです。) 以下のようなコードで動作するようです。 画像ファイルの配列をプラグインに渡すだけで、簡単にできました。 //画像ファイルをここで指定します。 var carousel_images = [ "1.jpg", "3575375564_79ab90dca8_b.jpg", "2505235306_b456603cf3_b.jpg", "2925947121_8b1f95c95b_b.jpg", "4481220450_91b0aa9e99_b.jpg", "299048945_faba1a6a4b_b.jpg", "2335224771_c
What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what's so nice about this jQuery plug-in; you don't have to worry about all of your images being perfectly sized
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く