[B! JS] japanitntのブックマーク

japanitnt id:japanitnt

JSに関するjapanitntのブックマーク (7)

http://twitter.com/i/web/status/1040345134938808321
japanitnt 2018/09/14
JS
リンク
[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2
チャートやグラフは、さまざまなスマホアプリで見かけます。スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。スマホ向けのデザインデザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。スマホに最適化されたパフォーマンス軽量で、素晴らしいレンダリングのパフォーマンスを実現。互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモまずはスマホのアプリでよく見かける、美しいデザインと
japanitnt 2018/08/31
JS
リンク
http://twitter.com/i/web/status/1024772703734005760
japanitnt 2018/08/02
JS
リンク
[JS]コンテンツの見出しを目次にし、スクロールしてもサイドバーに固定表示されるナビゲーション -Progress Nav
コンテンツの見出しを目次代わりにし、スクロールしてもサイドバーに固定表示されるナビゲーションを実装するJavaScriptのライブラリを紹介します。ページのスクロールに合わせて、ナビゲーションの現在位置はアニメーションで移動します。
japanitnt 2017/02/08
JS
リンク
[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ
Bubble Layout Bubble Layout -GitHub まずはアニメーションを使った斬新なUI、バブルレイアウト。ベースにはmo.jsが使われており、バブルをクリックしてからの遷移だけでなく、バブル自体も楽しいアニメーションで動かすことができます。デモページで実際の動きに触れてみてください。
japanitnt 2016/03/14
JS
リンク
[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。通常のセレクトボックスの挙動セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。
japanitnt 2015/11/09
JS
リンク
[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ
コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介します。
japanitnt 2015/08/25
JS
リンク
1