jQuery Touchwipe (iPhone, iPad, iPod Touch Gesten Gestures Event Wischeffekt / Wipe Effect)
jQuery Touchwipe Plugin (iPhone, iPad, iPod Touch Gesten / Gestures, Wischeffekt / Wipe Effect) The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery (see demo below). Should also work with Android touchscreens. Die 1 KB kleine Bibliothek ermöglicht das Abfangen des Wischevents auf einem iPhone,
makogの日記
jQuery.flickSimple デモ / マニュアル jQuery.flickSimple ダウンロード（github） スマートフォン対応、気をつけたいトラブル 何気なく見ていたのですが、このスライドでも jQuery.flickSimple が紹介されていることを知りました。 FirefoxやOperaでも動く方が望ましい 確かにそうですね。これまでの jQuery.flickSImple.js は Firefoxで動作していなかったようです。という訳で、また jQuery.flickSimple.js に手を加えましたので、お知らせします。 これまで、Webkitブラウザ以外は眼中に無かった（＝jQuery.animate()でアニメーションするようにしていた）ので、ベンダープリフィックス「-webkit-」のCSSしか指定していませんでしたが、「-moz-」や「-o-」「-
Create a Cool Animated Navigation With CSS3 | Envato Tuts+
In the old days of web development, developers relied on Adobe's Flash whenever they needed to do any kind of animation for their website. As time progressed, people ditched Flash and started accomplishing many of those things with the help of CSS and JavaScript. Finally, with the help of CSS3 and the wide browser support that it enjoys now, we can do some pretty amazing things by simply using som
HTML5 フォームバリデーション
HTML5のフォームバリデーションはもう使ってますか？ HTML5では、javascriptを書かずただHTMLタグに以下のような属性を追加するだけで、フォームのバリデーション機能が付加されることになっています。対応ブラウザでは、確認した範囲でDOCTYPE宣言はHTML4のままでも機能します。 属性/タイプ バリデーション内容 required 必須入力のチェック placeholder=”表示文字列” 空の場合の表示文字列 type=”email” メールアドレスバの妥当性 type=”url” URLの妥当性 textarea maxlength textareaの最大文字数 これらを使うとどんなUIになるか、テストフォームを作成してみました。 Firefox, ChromeなどIE以外のブラウザで（IEしかないならインストールして）、このテストフォームの「確認」ボタンをクリックして
jQueryで背景画像を全画面表示する
jQueryで背景画像を全画面表示する 最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。 ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。 投稿日2010年11月30日 更新日2011年04月26日 html+cssの準備 背景画像を全面表示するっていうタイトルですが、cssのbackgroundにはサイズを指定するプロパティがないので、気持ち悪いけど画像は普通に配置します。 html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryで背景画像を全画面表示する。</a></h
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net