FastClickを使った体感応答時間の短縮テスト
先日ガワネイティブのアプリを作ろうと思ってWebViewを組み込んだテストアプリを作ってみた（iOS, Android）。その際クリックに対する反応が悪いのが気になった。 スマホのブラウザではダブルタップによるズームを考慮するためにタップを離してから300msの遅れを待ってから実際にクリックされたという判定を行っているらしい。その性で応答が悪く感じられてしまう。 そこでFastClickというJavaScriptのライブラリを 使って、タップの応答がどう変わるかテストしてみる。 結論ダブルタップが必要ないページにFastClickを組み込むのは有効。 動作デモデモ, コード １番目が onclick イベントを使ったアイテム、２番目が ontouchend イベントを使ったアイテム、３番目が FastClick を使ったアイテムとなっている。 onclickイベントを使ったものはタップして
TodoMVC
Introduction Developers have a number of choices today when it comes to selecting a JavaScript framework or UI library for building scalable web apps. React / Next.js, Vue / Nuxt, Angular…the list of solutions continues to grow, but just how do you decide on which to use in a sea of so many options? To help you understand the options, we created TodoMVC - a project which has offered the same Todo
Zoomooz.js
Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Download ZIP File Download TAR Ball Fork On GitHub Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky
PivotTable.js
PivotTable.js Examples PivotTable.js is an open-source Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop functionality written by Nicolas Kruchten. To see what it can do and how, browse the examples below or check out the documentation wiki for full details. Are you using React? Check out the React port: react-pivottable! Fully Loaded Examples pivotUI(
テキストフィールドのフォーカス時に背景色を変更する JavaScript
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
Destroydrop » Javascripts » Tree
dTree is a free JavaScript tree menu. There are a lot of tree generating scripts just like this one, and many of them are great. So why use dTree? dTree is very simple to set up and use. You don't have to worry about adding pages to the tree in a specific order, which makes it ideal for generating a tree from a database. The first version of the tree is still available here. Unlimited number of le
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Demos - JavaScript InfoVis Toolkit
Hammer.JS - Hammer.js
Jquery.inputmask by RobinHerbots