Media Queries / Dynamic resolution dependent layouts | jQuery PluginsThe script adds basic Media Query-Support (min-width and max-width in px units ) to all browsers (http://www.w3.org/TR/css3-mediaqueries/). It helps you to create a dynamic resolution dependent layout with webstandards in mind. Downloads
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」 iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。 利用方法 jQuery本体とjquery.event.dblTap.jsをhead要素などで読み込みます。 <script src="jquery-.min.js"></script> <script src="jquery.event.dblTap.js"></script> 後は「dblTap」をbindするとdblTapイベントが実装できます(クリックにも反応するようにしています)。 $("button").bind("dblTap",function(){ alert("duble tap"); }) デモ 初期設定では5
iframe を iframe ぽく見せない jQuery プラグインを作ってみた - Cyokodog :: Diary
更新履歴 2011-09-29 Ver 0.1.4 に更新 jQuery 1.6.2 に対応しました 2010-06-10 Ver 0.1.3 に更新 getTargets, getTarget メソッドを追加しました 2010-06-04 Ver 0.1.2 に更新 IE6 で実行時にタイミングにより表示されてたエラー警告を、表示されないように修正しました。 2010-06-01 Ver 0.1.1 に更新 IE で正常に動作しない不具合を修正しました。 社内アプリも Ajax 的な UI なものが増えるにつれて、１画面にたくさんの機能を詰め込みたいという要望を受ける事が多くなりました。素直に作るとプログラムも肥大化し保守も大変になるので、機能単位に画面を分けて作成し、それぞれの画面を iframe で１つの画面に読み込むといった方法で対応したりしてます（iGoogle 的な感じ）。 そ
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
[JQuery] フォームの値をすべてリセットする | unosk.com
input type=”reset”を用いれば、そのフォームの値をリセットすることができます。 しかし [html] <input type=”text” value=”hoge” /> [/html] のようにvalueが設定されているものには効果がありません。 以下のようなスクリプトでresetボタンの動作を書き換えることで、valueが設定されていようがすべての入力をリセットさせることができます。 [javascript] jQuery(document).ready(function() { $(“:reset”).click(function() { $(this.form).find(‘:input’).each(function() { switch (this.type) { case ‘password’: case ‘select-multiple
jQueryでアコーディオンを作ってみる | labs.yusukenakanishi.com
Demoを見る タイトルの通りjQueryでアコーディオンを作ってみました。上記リンクのDemoを見ていただけるとわかりやすいかと思います。アコーディオンの動きを文章で説明するとh3のタイトルをクリックするとその次の要素ulが開いたり閉じたりするってことですね。どうでもいい話ですが僕はJavaScriptなどのプログラミングはヘボヘボなので頭の中でこんな事を考えつつ紙に書くようにしてます。。動きと頭が整理されていいんです。 基本となるHTML <div id="accordion01"> <h3>メニュータイトル01</h3> <ul class="list-01"> <li><a href="#">リスト01</a></li> <li><a href="#">リスト02</a></li> <li><a href="#">リスト03</a></li> <li><a href="#">リスト
Smart Columns w/ CSS & jQuery
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution. Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But
Simple jQuery Text Resizer | Blog | Trevor Davis | Senior Software Engineer @ Dutchie
I have done JavaScript text resizers a couple of different ways before, but I think I found my favorite way on a recent project. In previous projects, I have me…
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメ
jQuery MobileでiPhone対応のサンプルHTMLを作ってみた ::ハブろぐ
気になっていたjQuery Mobileのα2が、jQuery 1.4.4と同時にリリースされたので、この機に試しに使ってみました。a-blog cmsとの組み合わせの実験も兼ねてますが、それは別エントリーで。 jQuery Mobile | jQuery Mobile jQueryおよびjQuery Mobile最新版登場 | エンタープライズ | マイコミジャーナル ASCII.jp：jQuery作者が明かす「jQuery Mobile」の魅力 デモ用のURL サンプルファイルのデモ 上記のURLにサンプルのデモを用意しました。Sencha Touchと違って、Firefoxでもそこそこ見れます。このブログにiPhone（ないしUAをそれに準じて偽装）からアクセスしても同様の表示がされます。 サンプルファイルのDL サンプルファイルのダウンロード(zip) このブログでは、CMSで動的
jQueryでボックスの中の画像の縦位置を中央に揃える | JavaScript | かたつむりくんのWWW
商品のサムネイルや商品名を入れたボックスを並べて、商品一覧などを作ることって結構あるのではないでしょうか。 そんなとき、写真のサイズが決まっていれば何の問題もありませんが、縦長だったり横長だったりする写真が混在するとき、それらの写真をボックスの中央に配置するのって結構面倒じゃないですか？ 左右中央に配置するのは問題ありませんが、縦を中央に配置するのが結構厄介です。 そこで、そのような場合の縦位置を jQuery で中央に配置してみようという小ネタです。 今回は、jqueryVerticalMiddle.js というプラグインを用意しました。 jqueryVerticalMiddle.js jqueryVerticalMiddle.jsのサンプル 使い方はサンプルのソースを見た方が早いと思いますが、念のため説明を。 ファイルの読み込み jQuery と jqueryVerticalMiddl
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
『jQueryでチェックボックスの全選択と全解除を超簡単に実装』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ HTMLのフォームでチェックボックスを使うときに全て選択や全て解除ボタンを 用意してチェックさせる機能をつける場合、javascriptを使うのですが、 jQueryを使うとサクっと超簡単にできます。 実装方法はこれ！ //全てのチェックボックスをチェック $("全てチェックのボタンID名").click(function(){ $("フォームID名 input:checkbox[@type='checkbox']").attr('checked', true); return false; }); //全てのチェックボックスのチェックを解除 $("全
Panoramic Photoviewer in Javascript - Gaya Design
PRESS RELEASE You might of seen my work around the web. When My Direct Blinds contacted me back in late 2015 with an irresistible offer to help build out their digital assets and join the company with an ownership stake, it was an offer I could not refuse. Web design, interior design and window furnishings shared a common ground and something I could get behind. Thus, the decision was made to end
CalmTech
このエントリはjFeedMixer専用ページへ移行しました。今後は、そちらを御覧ください。 複数ブログで管理しているRSSフィードを統合して、ウェブサイト上に表示させることができるjQueryプラグイン、jFeedMix […] このエントリはjFeedMixer専用ページへ移行しました。今後は、そちらを御覧ください。 複数ブログで管理しているRSSフィードを統合して、ウェブサイト上に表示させることができるjQueryプラグイン、jFeedMixer 0.2.0 をリリースします。このプラグインはGoogle AJAX Feed API を使用しているので、ご利用の場合は、AJAX API Keyを事前に取得する必要があります。 jFeedMixer 0.2.0 – github jFeedMixerを使うシチュエーション 複数ブログを管理していて、メインサイトのトップページに各ブログのR
RedLine Magazine : ボックス全体をリンクにしたい
ボックス全体をリンクにしたい まずはこちらの発想の元ネタのサイトの紹介。 Link Boxes (Ask the CSS Guy) やりたいことは上記ページの上部の画像のように、見出しやテキストを置いている部分をリンクボックス化したいという主旨。マークアップや正しい書式にこだわらないなら簡単にできるのだが、ちゃんとした事をしたい人向けのTips。 ※以下のソースは上記サイトからの引用です。 上記サイトの言いたい事を簡単な日本語にして主旨だけ書きます。 ※訳とかまとめ要らないという方はその先に「それ、jQueryでやってみる」とか書いてみたので良かったらそちらへ進んでください。 まず中身はこんな感じ。見出しとテキスト。 <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> これらをボックスにしてリンクを付けたけ
HTML5ビデオを埋め込む。またiPhone, iPadで自動再生（autoplay）を行う｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
HTML5ビデオを埋め込むコードは <video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer autoplay> </video> iPhone, iPadでautoplayを行うには <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1.3");</script> <script type="text/javascript"> jQuery.noConflict(); var j$ = jQuery; function fakeClick(fn) { var $a = j$('<a href="#" id="fakeClick">
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caraldo.net - it転職 リソースおよび情報
http://onehackoranother.com/projects/jquery/tipsy/
http://tobia.github.io/CrossSlide/