You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Chardin.js - Simple and beautiful overlay instructions for your apps.
Smart Banners are a new feature in iOS 6 to promote apps on the App Store from a website. This jQuery plugin brings this feature to older iOS versions and Android devices. Tip: Try this out using the Responsive Design Bookmarklet to preview iPhone & iPad sizes. Usage <html> <head> <title>YouTube</title> <meta name="author" content="Google, Inc."> <meta name="apple-itunes-app" content="app-id=54400
When should you use hovercard: A hovercard comes handy when displaying Person bio, Book author and price, Loading related information with Ajax, Editing in place, and what not! Check out the following demos to see some of this stuff in action :) Demos: 1Basic hovercard Hover over the red text to see the hovercard in action: jQuery by John Resig is a cross-browser JS library designed to simplify th
View the Project on GitHub tmort/Socialite Download ZIP File Download TAR Ball View On GitHub Socialite v2 Because if you're selling your soul, you may as well do it asynchronously. Socialite provides a very easy way to implement and activate a plethora of social sharing buttons — any time you wish. On document load, on article hover, on any event! Author: David Bushell http://dbushell.com @dbushe
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にjquery.js、jquery.twitter.jsの順に読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.twitter.js"></script> HTMLテンプレート例 下記のように出力されますのでCSSでそれぞれデザインしてください。 既にclass名が重複している場合は、下記「設定可能
Overview: To list social accounts or share any page with 46 icons. Demo for social profiles: I Follow Rivers Demo for sharing: Hi! I'm text and I'm here to be selected. Options for socialProfiles: animation: launchpad, launchpadReverse, slideTop, slideRight, slideBottom, slideLeft, chain chainAnimationSpeed: default value: 100 blur: makes blur background (only works on -webkit browsers) true,false
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using Font Awesome icons and provides flexibility around the toolbars display and number of icons. A big thanks to the Drunken Parrot UI Kit by Hoarrd for inspiration. Download You can show your appreciation for Toolbar.js and support future development by donati
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
こんなに短いコードですが、jQueryプラグインを作る上で忘れられない、5つのポイントがあります。 $がjQueryである事を期待しない。 jQuery.fnにメソッドを定義する。 実行コンテキストthisはjQueryオブジェクト。 .each()を使って処理する。 thisをreturnする。 他のプラグインと併用し、$がjQueryを指していない場合も考慮して、直接$は使いません。全体を無名関数にして、その引数としてjQueryを$という名前で受け取るようにしましょう。 jQuery.fnのプロパティとして関数を設置しておくと、それが$(elem)のメソッドとして呼び出せるようになります。またその際の「実行コンテキスト」つまりthisは、当然ですがメソッドを呼び出しているjQueryオブジェクトになります。このときに複数の要素を内包している場合がある($('.hoge')を想像してく
概要 テキストの入力値変更を監視します。JavaScriptが提供するchangeイベントはフォーカスが外れたタイミングで発火しますが、jQuery.gpObserveTextを使うとリアルタイムでtextchangeイベントが発火するようになります。 ダウンロード jQuery.gpObserveText-1.0.zip [53KB] 基本的な使い方 テキストエリアに対して.gpObserveText()を実行すると監視を開始します。その後textchangeイベントを拾ってください。 $(elem) .gpObserveText() .bind("textchange", listener); デモ デモ1 : 基本的なもの Demo 1 テキストエリアに入力中の文字数を表示します。 値はリアルタイムで更新されます。 リファレンス .gpObserveText([listener])
概要 リンクにはてブ数を表示します。 このサイトの「最近の投稿」などでも使用しています。最初はWordPressのコードを書き換えていたのですが、こちらの方が簡単です。 ダウンロード jQuery.gpHatebuCounter-1.0.zip [57KB] 基本的な使い方 リンクに対して.gpHatebuCounter()を実行するだけです。 $(elem).gpHatebuCounter(); またWordPressの「最近の投稿」(.widget_recent_entries)に特化したjQuery.gpHatebuCounter for WordPressも用意しました。一緒にスクリプトを読み込んでおくだけで、スクリプトを書かなくても自動で「最近の投稿」に適用します。 <script src="jquery-0.0.0.min.js"></script> <script src="
概要 お知らせ的なものを簡単に表示するプラグインです。要素を作る手間すら不要です。 ダウンロード jQuery.gpMsg-1.0.zip [53KB] 基本的な使い方 jQuery.gpMsg()に対し任意の文字列を与えて下さい。 $.gpMsg("Your message."); デモ デモ1 : 基本的なもの Demo 1 ボタンを押すとメッセージを表示します。 連打しても重ならずに表示できます。 メッセージは一定時間経過で消えます。 ×ボタンを押しても消せます。 リファレンス $.gpMsg(message, [settings]) message … {String} 表示する文字列。 settings … {Object} 設定。以下のキーと値を持てる: classes … {String} メッセージ要素に追加するクラス名。空白で区切って複数指定できる。 direction
概要 リンクの内容からファビコン (Favicon)のURLを自動判断し、画像を挿入します。 ダウンロード jQuery.gpFavicon-1.0.zip [57KB] 基本的な使い方 .gpFavicon()を実行するとその中からリンクを探してURLを解釈し、ファビコンを表示させます。画面全てのリンクを対象にする場合は$(document)に対して実行します。 $(document).gpFavicon(); $(elem).gpFavicon(); また個別のリンクに対して .gpFavicon()を実行すると、そのリンクだけを対象にファビコンを表示します。 $(link).gpFavicon(); デモ デモ1 : 基本的なもの Demo 1 各リンクにファビコンを表示させます。 ファビコンが見つからない場合はデフォルトのアイコンを表示します。 自身のサイトにはファビコンは表示しま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く