Drawer
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Created by jQuery Foundation and other contributors.iScroll Created by Matteo Spinelli.CDN<!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.google
スクロールで下にいくとページの自動読み込みができるjQueryライブラリ「jquery_bottom」 | SHINGO IRIE
Twitter等でも採用されている自動ローディング。下のほうにスクロールすると、自動で次の情報を読み込むやつのことです。今回は、これをかんたんに実装できるのがjQueryライブラリjquery_bottomの使い方をご紹介します。 jquery_bottomをダウンロードまずはgithubにあるjquery_bottomをダウンロード。実際に使うのは解凍したフォルダ内にある「jquery.bottom-1.0.js」のみ。こちらを読み込ませます。 <ul class="data"> <li>sample</li> <li>sample</li> </ul> <div class="loading"></div> <script src="js/jquery.bottom-1.0.js"></script> <script> $(function () { var page = 0; //ペ
slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
（良くないけど）ページに複数のjQueryを読み込む。 - Qiita
どういう状況？ とあるWebサービスの、全てのページに入れるJS製共通コンポーネントを作成、反映することになった！ が、ページには既にjQueryが読み込まれ、且つjQueryプラグインが拡張されているような状態。順当な対応であれば、追加する共通コンポーネント側で、jQueryが読み込まれているかどうかを判定し、読み込まれていなければ読み込む、という対応になるだろうか。というかjQueryのバージョンくらい管理しろよという話でもあるけれども。 ググったら jQuery.noConflict(true) なるもので、複数バージョンのjQueryを存在させておけるらしいが、挙動が色々不明瞭なので、色々検証してみた。 お題目 ひとまず謎の jQuery.noConflict(true) を詠んでみる。 jQuery.noConflict(true) を呼ぶ事で、呼ぶ前と何が変わるのか どう使うべ
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
Spotifyみたいなパララックスが作れるParallax ImageScroll
「Parallax ImageScroll」は、キャンペーンページやランディングページなどで多用される、画像を使ったパララックス（視差）を簡単に実装できるjQueryプラグインです。以前紹介した「skrollr」は、スクロール量に応じて背景とコンテンツを変化させるものでしたが、Parallax ImageScrollではコンテンツの間に画像を挟むことでインパクトのあるパララックスを作れます。 プラグインの作者が参考にしたSpotifyのサイトを見ると、サービスの楽しさや利用シーンをインパクトなるビジュアルで効果的に表現しています。 Parallax ImageScrollプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 10以降に対応し、スマートフォンは非対応です。jQueryのバージョンは1.8.0以降に対応しています。 ライセンスはMIT
【パララックス】skrollr.jsを使って動かしてみる【視差】｜合同会社チームサンタ
近くに見える物を早く、遠くの物を遅く移動させることで視差が生まれ立体感のあるサイトが作れるようになります。 手間の割にはサイトを見る側の反応が薄いランキングに入ってそうな手法ですが、作る側には結構好まれるのでいろいろ覚えておかなくてはなりません。 というわけで、スマホにも対応している「sklollr」を使ってみました。 「sklollr」 ・ダウンロード https://github.com/Prinzhorn/skrollr ・公式デモ http://prinzhorn.github.io/skrollr/ 準備 jQueryを使う為のいつもの準備 <!-- まずjQueryを引っ張って来て --> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script
jQueryのreturn false、preventDefault、stopPropagation、それぞれの使いドコロ | WebChokoTips – ウェブチョコチップス
上記の様なHTMLがあり、a.pagetop をクリックしたとすると下記の順番でクリックイベントが発生していきます。 a.pagetop p div.boxInner div.box document window ここらへんは感覚的にも分かりやすかったです。ちなみにこのイベントが伝達されていくことをイベントのバブリングと言うみたいです。 そして、このバブリングを制御するのには preventDefault() stopPropagation() return false; の3つを使います。 preventDefault() リファレンスを見てみると、『ブラウザが最初から持っているアクションを中断させる場合に用います。』とあります。 「href」を無効にもできるし、なんだ return false; と変わらないじゃないかと思ってしまいましたが異なる点があり、preventDefaul
どんなフォームにでも使える exValidation の使い方 基本編 ｜ フリーフードファイター兼SE社長活動日記 | 株式会社ジーティーアイ
このブログでかなりアクセスの高い記事がこれ・・・ どんなフォームにも使えるjQueryのフォームバリデーション exValidation 応用編 なんでアクセスされるのかな・・・サンプルあるからかな・・・って思ったら 本家の5509.meサイトがなくなっているからでしょうか。 そこで本来そちらのサイトにあった基本的な使い方も書いておいた方が良いかな・・・ということでサンプル作りました。 ホント、これのバリデーションは使いやすいです。 カスタマイズ性も抜群！分岐条件などがある場合は前の記事を御覧頂いた方がよろしいかと思います。 今回は基本ですので、初期設定をご覧ください。 exValidation 初期値 exValidationのソースから引用しました初期設定です。 /** // 初期設定 errInsertPos : "body", // "body" or after(before)
jsoup Java HTML Parser, with best of DOM, CSS, and jquery
jsoup: Java HTML Parser jsoup is a Java library that simplifies working with real-world HTML and XML. It offers an easy-to-use API for URL fetching, data parsing, extraction, and manipulation using DOM API methods, CSS, and xpath selectors. jsoup implements the WHATWG HTML5 specification, and parses HTML to the same DOM as modern browsers. scrape and parse HTML from a URL, file, or string find and
CircleType.js lets you curve type on the web
CircleType.js is a tiny (4kb) JavaScript library that lets you curve type on the web. Features Use any font Adjust letter-spacing as usual with CSS Flip it around so it reads counter-clockwise instead Set the radius manually or let CircleType.js figure it out for you Works in fluid and responsive layouts Plays well with FitText.js Download on GitHub Demos Basic Arc Here’s some curved text that flo
jQuery Gridly
Add Installation To install download one of these packages and include the jquery.gridly.js and jquery.gridly.css files in your head with the following: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script> <script src="javascript/jquery.gridly.js" type="text/javascript"></script> <link href="stylesheets/jquery.gridly.css" rel="stylesheet"
「jQuery.browser.safari」が非推奨になっていたので、代替案でスムーススクロール
jQuery1.3以降では「$.browser」が非推奨になってる。昔使ったスムーズスクロールのスクリプトをコピペで使おうとしたら、動かなかった。orz そのソースが下記のような感じ。 function smoothScroll(href){ var speed = 400;//スクロール速度（ミリ秒） var target = $(href == "#" || href == "" ? 'html' : href);//移動先オブジェクト var position = target.offset().top;//移動先のY座標 /* スムーススクロール */ $($.browser.safari ? 'body' : 'html').animate({scrollTop:position}, speed, 'swing'); return false; } まず元のソースを少し解説すると
help-me-hackers.com - このウェブサイトは販売用です！ - 言語 プログ ジェクト 解決 上前 認証 グイン デザイン リソースおよび情報
このウェブサイトは販売用です！ help-me-hackers.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、help-me-hackers.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
404 Not Found - Dogsnug
Shipping, taxes, and discount codes calculated at checkout.
jQueryを使った特定要素までの簡単スムーススクロール | DevelopersIO
なんて定番な記事を書いているんだろうと恥ずかしく思いながら、せっかく書いたんだから公開はしておこうと思い戸惑いながら公開ボタンを押下しました。 前置きは置いておいて、本題ですがjQueryを使えば、動きのなめらかなスムーススクロールを簡単に実装できます。今回は、スムーススクロールの原理について紹介します。 デモ まずはスムーススクロールがどんなものなのかについてですが、Webサイト内でよく見かけるページ内アンカーに利用したサンプルを用意しました。下に移動のボタンをクリックしてみてください。 サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのた
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始 jQueryは、モダンブラウザに最適化し、Internet Explorer 6/7/8のサポートを廃止したjQuery 2.x系と、過去のブラウザも幅広くサポートするjQuery 1.x系の2つのバージョンがあります。基本的には機能はどちらのバージョンも同じで、互換性があります。 この2バージョン体制になったのは、4月にjQuery 2.0の正式版がリリースされたときからです。今後jQuery 2.0にはjQuery 1.10が、jQuery 2.1にはjQuery 1.11が相互に対応するバージョンとしてペアでリリースされることが発表されていました。 そして5月24日付けで、初めてjQuery 2.x系とjQuery 1.x系の並行リリースが行われました。jQuery 2.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Smoke
Webpark 
html5-memo.com