AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita

2016/10/14 136 users AbemaTV Qiita 横スクロール パフォーマンス改善

以前の番組表 ↓↓↓ AbemaTV 新番組表 大きく変わったところ チャンネルが 横スクロールですべて見れる ようになった サイドバーに チャンネル一覧 ができた 日付切り替えがセレクトボックスから カレンダー表示 になった etc. 今まではチャンネルが 5ch 毎に区切られていたので、わざわざページを切り替えて見ないといけなかったのを、横スクロールですべてのチャンネルが一覧で見られるようにな... 続きを読む

[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select] | コリス

2015/11/09 276 users コリス select Quick オペレーション 挙動

フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。 通常のセレクトボックスの挙動 セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの... 続きを読む

入力フォームを更に便利にするjQueryプラグイン5つ | 株式会社LIG

2014/08/26 78 users 株式会社LIG jQueryプラグイン５つ 入力フォーム

お疲れさまです、デザイナーのモモコです。 以前こちらの記事「入力フォームをユーザーフレンドリーにする便利なJSプラグイン」でもいくつか紹介させていただきましたが、今回また新たに制作された入力フォームが更に便利になるプラグインを5つほど紹介したいと思います。 flexselect http://rmm5t.github.io/jquery-flexselect/ セレクトボックスの各項目をフレキシブ... 続きを読む

[JS]セレクトボックスの使い勝手をパワーアップするスクリプト -Select2 | コリス

2012/06/10 132 users jQuery コリス z-index スクリプト デモ

セレクトボックスを美しいデザインにするだけでなく、各アイテムに画像を配置したり、タグやプレースホルダテキストや検索の対応、セレクトボックスのコントロールなど、さまざまなことができるjQueryのプラグインを紹介します。 Select2の対応ブラウザ Select2のデモと実装 Select2の対応ブラウザ Select2の対応ブラウザは下記の通りです。 IE8+ ※IE7はz-indexを使った一... 続きを読む

使いやすいセレクトボックスを実装できる jqselectable.js :: 5509

2011/12/07 127 users

3年くらい前に最初のバージョンを作ったjQselectableをほぼ全て書き直しました。書きなおす流れで以前のものと互換性がなくなってしまったので、新しいものとして公開します。 でもgithubのリポジトリは同じです。古いものは、古いもので残っているので、もし必要な方がいれば以前の jQselectable(v1.3) を使ってください。 jqselectable のサンプル 使い方 実行する前に... 続きを読む