Ouibounce - 面白い！タブを閉じる前にモーダルを出すライブラリ MOONGIFT
これを使うとコンバージョンレートが上がると思いますよ！ Webサイトを離脱される前に、ちょっと待って！と声をかけたくなることはないでしょうか。もちろんそれがユーザメリットになるかと言われると難しいですが、それでもせっかく訪問してくれた人が離れてしまうのを何もできずに見送るのに歯痒さを感じることもあるでしょう。 そこで使ってみたいのがOuibounceです。Webサイトの離脱するタイミングでモーダルウィンドウが出せる面白いライブラリです。 Ouibounceの使い方 例えばこんな感じのページがあります。 そしてモーダルが出ます。 これだけでは分かりづらいのですが、Ouibounceはタブを閉じる動きをする（つまり画面の上）とモーダルが出てきます。ポインタの動く速度や高さなどをとって判定を行っているようで、ウィンドウのタブを閉じようとするような動きに対してちゃんと反応してくるのが面白いです。
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし
ChocolateChip UI
How to Print a Test Page on Epson Printer? What is a Printer Test Page? Printer Test Pages are used for checking several things with your printer for maintaining and resolving the troubleshooting issues with the ink cartridges on your printer or just in the general maintenance of your printer. What Problems will a Test Page Resolve? A printer test page will detect and […] Continue reading Document
VOC.js作った。 視覚と見た目に基づいた非同期コミュニケーションができるよ - 標高+1m
昨日の記事で書いたVOC (Vision Oriented Communication) の実装を支援するライブラリを作った。 https://github.com/ympbyc/VOC READMEを英語で書いたのでここに日本語版を書いとく。 VOCのコンセプト オブジェクト指向やアクターはpushベースだけど、実世界のコミュニケーションの多くはpullベースだ。 僕らはレシーバを指定したメッセージを送らない。 僕らは自分の見た目(e.g. 表情)や自分の周りの状態(e.g. 声)を変える能力を持っている。 僕らは自分の周りの景色を見て、情報を引き出して、それに基づいて行動する。 僕らはそれぞれバラバラに勝手に非同期に行動している 僕らは赤信号が見えたらブレーキを踏むわけで、赤信号が僕らのbrakeメソッドを呼んでくれるわけじゃない。 実装 VOC.Visual(state)は見た目を作
bouncejs.com - bouncejs リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Add Clear - テキストボックスをスマホ風に。×ボタンで入力削除 MOONGIFT
あらこれ素敵。スマートフォンでは文字の入力が面倒で、さらに言えば文字を消すのすら面倒だったりします。もう入力されている文字を一気に全部消したいと言う時はテキストボックス右側にある×ボタンを押すと全部消してくれます。これは意外と便利です。 ある環境において便利なものは他の環境において便利である可能性は高いです。そこでデスクトップブラウザ環境でも同様の操作を可能にするのがAdd Clearです。 Add Clearの使い方 Add ClearはjQueryプラグインなのでコードは以下のようになります。 $(function(){ $("input").addClear(); }); そうするとテキストボックスに文字を入力するとこのように×ボタンが表示されるようになります。 ×ボタンを押すと入力している文字列が消えます。この×は文字であり、画像は使っていません。 ボタンの配置や押した時のコールバ
jQueryで、順番に実行が出来る .when() から .done() が便利だったのでメモ | ARAKAZE NOTE
JavascriptやjQueryを書いていると、「この処理がちゃんと終わってから、こっちの処理を始めたい！」って場面に結構遭遇するのではないかと思います。特にアニメーションを作っているときによくあるのではないでしょうか。 コールバック関数を設定出来る処理なら簡単なのですが、それがないものも結構あったりします。僕が困ったのは.html()や.ajax()でした。なんかいい解決策は無いかなーとググってみたところ.when().done()という処理の仕方が良さげだったので使ってみたらばっちりでした。 .when()には先に終わらせたい処理を書く ざっくりとした説明の仕方をすると、.when()には先に完了させたい処理をまとめて書いておきます。例えば、“横に移動したら、フェードアウトする”みたいな事をしたい場合、“横に移動したら”の部分を.when()の中には書きます。 （まあ、そんな簡単な動
DynCSS - Simple dynamic CSS rules to give life to your sites.
... <script src='bower_components/dyn-css/dyncss.js' type='text/javascript' /> ... Less than 20K, uncompressed and unminified. Requires only jQuery. What is it? DynCSS parses your CSS for -dyn-(attribute) rules. These rules are Javascript expressions evaluated on browser's events like scroll and resize. The result is applied to the CSS attribute you have specified as suffix. For example, this will
Headroom.js - Give your pages some headroom. Hide your header until you need it.
Headroom.js Give your pages some headroom. Hide your header until you need it. Or install via npm/yarn: npm install headroom.js --save yarn add headroom.js What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slid
Best Casino jQuery Plugins: Example ohne Steuer
ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery
App.js | Mobile webapps made easy
Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.
[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal
デモページ フッタはダイナミックに3Dで表示されます。 ScrollRevealの使い方 Step 1: 外部ファイル 当スクリプトとAni.jsを</body>の上、アニメーション用のスタイルシート「animate.css」をhead内に記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> </head> <body> ... <script src="anijs-min.js"></script> <script src="helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script> </body> Step 2: HTML 各要素のアニメーションの設定は、HTMLに記述
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
For Sale! ampersandjs.com
http://plus.appgiga.jp/masatolan/2014/06/27/52827/
IBM Developer
Epoch by Fastly
ネイティブっぽいフラットなモバイルWEBアプリの作成フレームワーク「App.js」:phpspot開発日誌
PlayCanvas - The Web Graphics Creation Platform
HTML内でIDをつけた要素はJavaScriptのグローバル変数に格納される - Qiita
jque.re