Finder.js - Finder風UIを再現するJavaScript MOONGIFT
普段使い慣れたUI/UXであれば誰でもすぐに使えるようになります。そこで注目したいのがOSの動きです。OS標準のソフトウェアであれば誰もが使っていますので、そうしたインタフェースであれば違和感なく使いこなせるのではないでしょうか。 今回はMac OSXユーザであればお勧めなFinder.jsを紹介します。Mac OSXユーザも増えてきているので良いかもしれませんね。 Finder.jsの使い方 シンプルなFinder風のUIです。 フォルダをクリックするとドリルダウンできます。 階層の途中でもファイルをクリックすると、その情報が表示されます。 アイコンを追加したり、データをAjaxで取るようにもできます。 矢印キーで移動できるのでさくさく操作できます。 Finder.jsはフォルダ/ファイルに代表されるような階層構造のデータを表すのに便利です。大量のデータがあるとかえって見づらいこともあり
schedulerjs - スケジュール調整に使えそうな横向き予定表
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上で様々な作業を行えるようになったことで、UIに求められる多様性も増しています。特に面倒だと感じるのは時間関係ではないでしょうか。カレンダー、ウィークリー、デイリーなどいずれにおいても時間に合わせた表示、処理は大変です。 そこで様々なライブラリを知っておくことでいざとなった時に役立ちます。今回は横型のスケジュール選択ライブラリschedulerjsを紹介します。 schedulerjsの使い方 schedulerjsの初期表示です。 薄いブルーのエリアはドラッグしたり、端をドラッグして枠の幅を増減できます。 実際に操作しているところです。 実際の描画は予定を配列で渡すだけです。 var list = [ { 'name': 'Chewbacca', 'appointments
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
