Enjoyable content drag-to-scroll library
既存の Rails アプリに Webpacker を導入したいと思います。 Webpacker は JavaScript だけを管理して css や画像は従来通り Sprockets 等にまかせる、といった使い方をすることもできます。 しかし今回は JavaScript/Css/Image すべてを Webpacker で管理することを目標にやっていきます。 Webpacker をインストール Gemfile に webpacker を追加してインストールします。 gem 'webpacker' bundle bin/rails webpacker:install ディレクトリ構成 ディレクトリ構成は以下のようにしてみました。 app/javascript: ├── packs: │ └── application.js └── javascripts: │ └── application
gistfile1.txt ps�C V j�C V $.ajax({ type: "POST", url: "api.php", timeout: 10000, cache: false, data: {'hello': "world"}, dataType: 'json' }) .done(function (response, textStatus, jqXHR) { console.log(response); if (response.status === "err") { alert("err: " + response.msg); } else { alert("OK"); } }) .fail(function (jqXHR, textStatus, errorThrown) { console.log(jqXHR); alert("失敗: サーバー内でエラーがあったか、
jQuery UI アニメーションエフェクトのまとめ（サンプルをクリックでアニメーション） サンプル エフェクト オプション 説明
とても簡単かつ軽量なjQueryのスライダー「jQuery Slider²」を使ってみました。使いやすくて、サクっと実装できます。オプションで幅や高さも指定できますし、スピード、自動スライドも切り替えられ、それなりの機能もつけられるのでいい感じかと思います。以下、サンプルと使い方です。 [ads_center] 使い方 以下のサイトからダウンロードできます。 jQuery Slider² – Make your site slide – wex.im いつも通り、head内にjQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascrip
なんて定番な記事を書いているんだろうと恥ずかしく思いながら、せっかく書いたんだから公開はしておこうと思い戸惑いながら公開ボタンを押下しました。 前置きは置いておいて、本題ですがjQueryを使えば、動きのなめらかなスムーススクロールを簡単に実装できます。今回は、スムーススクロールの原理について紹介します。 デモ まずはスムーススクロールがどんなものなのかについてですが、Webサイト内でよく見かけるページ内アンカーに利用したサンプルを用意しました。下に移動のボタンをクリックしてみてください。 サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのた
jQuery Text Change Event Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB. See the blog post to view or add a comment » Plugin Tested in FireFox (3, 3.5, 3.5, Win/OS X), Safari 4, Chrome 5, IE (6, 7, 8) Real Time Validation It's a common problem, you have a text form that you need to validate client side. It's easy enough to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
