ある要素が表示されたときに命令を実行するJavaScript w/ jQuery – へんな柳生
無限スクロールの仕組みを調べている中で、jQueryを使って汎用性の高そうな動作が意外と簡単に実装できることがわかったのでメモ。 ページ内のある要素が、スクロールされて表示されたときになんらかの命令を実行するJavaScript。 $(function() { // 引き金となる要素を設定 var triggerNode = $(".trigger"); // 画面スクロール毎に判定を行う $(window).scroll(function(){ // 引き金となる要素の位置を取得 var triggerNodePosition = $(triggerNode).offset().top - $(window).height(); // 現在のスクロール位置が引き金要素の位置より下にあれば‥ if ($(window).scrollTop() > triggerNodePosition)
すごい草野球 | 株式会社アラタナ
とにかくすごい！だれもが参加できる草野球企画で宮崎へ！宮崎県は数多くのプロスポーツチームや選手がキャンプを行うスポーツ大国です。WBCで使用された球場にマウンドに立ってみたいと思いませんか？WBCやプロ野球のキャンプ地にも選ばれる最高のフィールドでプライスレスな旅行企画を実現。それが「すごい草野球」です。
Ladda
A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slides.com. expand-left Submit expand-right Submit expand-up Submit expand-down Submit contract Submit co
Youtubeの動画再生後に関連動画を表示させない - かちびと.net
Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery $('iframe[src*="youtube.com"]').each(function () { var RemoveRelated = $(this).attr('src'); if (jQuery.inArray('rel=0',RemoveRelated) == -1) { $(this).attr('src', RemoveRelated + '?rel=0'); } }); html <iframe width="560" height="315" src="http://www.youtube.com/embed/g31LLr1_KFk" frameborder="0" allowfullscr
FlexSlider
An awesome, fully responsive jQuery slider toolkit. Simple, semantic markup Supported in all major browsers Horizontal/vertical slide and fade animations Multiple slider support, Callback API, and more Hardware accelerated touch swipe support Custom navigation options Compatible with the latest version of jQuery Get started with FlexSlider in 3 easy steps! Step 1 – Link files Add these items to th
九州天然水。高級軟水、送料無料!「一万年の雫-送料無料通販-」
カラダに優しい、料理に美味しい天然ミネラル水。日本の風土、日本人のカラダに適した水（ミネラルウォーター）です 採水制限をしている希少な天然水は、一般ミネラルウォーターと比べ極上のまろやかさと飲料、美容、料理にと使用範囲の広さとその効果が全国のお客様よりご好評を頂いております。 人間の細胞体液と同一範囲内のpH7.4はカラダに負担なく飲めるナチュラルミネラルウォーターです。 また硬度11mg/Lの超軟水は料理等の旨みを引き出します。 2024.01.12 ボトルのキャップシールの仕様変更のお知らせ。 令和6年1月よりボトルのキャップシールが無くなりキャップのみとなります。 昨今の運賃、資材等の急激な高騰の為ご理解賜りますようお願いいたします。 2024.01.12 令和6年能登地震、心よりお見舞い申し上げます。 この度の令和6年能登地震により被害を受けられた皆様に心よりお見舞い申し上げます。
jScrollPane - cross browser styleable scrollbars with jQuery and CSS
jScrollPane - cross browser styleable scrollbars with jQuery and CSS jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant fil
Highslide JS でサムネイル画像をクールにポップアップ | バシャログ。
実装 まずはサイトからファイルをダウンロードします。バージョンを選択し『Download now!』ボタンをクリック。遷移したページ内にある Highslide Download 項目から『Yes』をクリックしてファイルを保存します。 解凍したファイルから「highslide」フォルダを、実装するサイトのドキュメントルートにコピー HTML の<head>～</head>内に以下を記述 <script type="text/javascript" src="highslide/highslide.js"></script> <link rel="stylesheet" type="text/css" href="highslide/highslide.css" /> <script type="text/javascript"> hs.graphicsDir = 'highslide/gr
Ascensor.js
Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system. It works with jquery >= 1.7. This plugin is entirely free to use, but you're always welcome to pay me a beer Download Ascensor.js Get the minified version → Implementation Basic implementation <div id="ascensor"> <div>Content 1</div> <div>Content 2</div> <div>Content 3</div> </div> <script src="jquer
jQuery で実現する パララックス効果をヒントにしたシンプルで新しいスクロール背景 - こじょらぼ
背景画像のトップとボトムが、ページのトップとボトムと一致するように、 ページの長さに応じてスクロール量が変化する背景を設定する方法です。 ページのスクロールとは独立して(ページの縦幅に関係なく)、背景は背景画像の高さ(height)までしかスクロールしません。 ちょっと前から主流の fixed や、伝統の scroll に並ぶ、 新しい種類の背景(background-attachment)と言えるのではないでしょうか！ 特徴 繰り返さない一枚絵の美しさと、ユーザーの操作に応えるインタラクションを兼ね備えています。 パララックス効果を使った背景よりもシンプルです。 実装もシンプルで比較的 簡単です。 サンプルページ 当ブログのトップページがサンプルです。 コンテンツのスクロール量と、背景のスクロール量に注目。 スクロール バーでスクロールさせると、滑らかで分かりやすいかも知れません。 続き
ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」:phpspot開発日誌
jQuery Shadow Plugin ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」。 次のようにボックス要素に対して影を自由に付けられるプラグインです。$(elem).shadow(option); という風にするだけなので使い方は簡単ですね 単なるボックス要素があっというまにクールになりますね 関連エントリ selectボックスを超カッコよくするjQueryプラグイン「Chosen」 ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 スマホ用サイトに使えそうなドロップダウン実装jQueryプラグイン「DropKick」 ページめくりを実現するためのjQueryプラグイン集
WordPressで、jQuery使って、記事の終わりにオススメ記事をにゅっと表示させるやつを、オリジナルで作る方法 ｜ しらさかブログ
WordPressで、jQuery使って、記事の終わりにオススメ記事をにゅっと表示させるやつを、オリジナルで作る方法 最近、記事の最後までいくと、 右下からにゅっと表示させるやつ流行ってますよね。 ↓こんなやつ 記事を読み進めるとオススメ記事を表示する Slide for SimpleReach を導入してみた | Lifehacking.jp WordPressでプラグインがあるみたいで、結構いろんなひとが使っていたので、 僕も使ってみようかなぁ、と思ったのですが、みんなと同じデザインは嫌だ！ ということで、自作してみました。 以下の記事が死ぬほど参考になりました。 jQueryで特定の要素までスクロールした時に特定の要素を表示させる | hlw.me まず、テンプレートのヘッダー（header.php）編集画面のhead内、 こんなかんじで（コピペするだけじゃダメですよ）jqueryを
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
会社ロゴマーク デザインアーカイブ
Captcha security check laquu.com is for sale Please prove you're not a robot View Price Processing
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
[JS]jQueryのプラグイン33+1選 -2012年2・3月
Camera 表示サイズに合わせて最適なレイアウトを提供するResponsive Design対応のスライドショー。
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2013/04/03/20130401famo-us-the-framework-for-fast-and-beautiful-html5-apps-will-be-free-thanks-to-huge-hardware-vendor-interest/
http://indigonote.com/2011/09/14/original-like-button/