「 UI 」 一覧

アプリケーションの画面の設計スタイルに関してよく使われるものを。 2パネルのセレクタ リスト＋選択された内容の表示 例 メールボックス内のメール ウェブサイトのセレクション ライブラリ内の楽曲や画像 …

今回は情報の分類に関して。 ようはソフトウェア上に情報をどのように配置するかということについてです。 参考書では情報を大きく４つに分けています。 オブジェクトのリスト オブジェクト＝一般的なリスト型の …

ソフトウェアデザインにおいて必要な要素の列挙 安全な探求 よくわからない状態でソフトウェアを使っても安全につかえるか。 例 Undo、戻るボタン、ディフォルトに戻す、一定時間の保存、リビジョン保存 即 …

本日からのお勉強のお題は、UIの設計などについて。 参考図書:デザイニングインターフェイス ソフトウェアとは目的達成の手段である ソフトウェアとは彼らが目的を果たす手段である ソフトウェアの設計の前に …

日付を入力するときに直接、文字入力するのがメンドイことからカレンダーが表示されるプラグインを使っている人は多いでしょう。 私も日頃Datepickerというライブラリを使っています。が、このプラグイン …

あるシステムから別のシステムにデータを移すとき、一般的にはCSVを使うことが多いかと思います。 今携わっているシステムもそうなのですが、CSVのどの項目を選ぶかを変更したいときってありますよね。 以前 …

前回に引き続きbootstrapネタについて。 フォーム 通常のinput 一般的なformですが、ラベルと入力欄、説明などがワンセットになっていることが多く、下記のようにまとめられます。 [cray …

自分はデザインセンスが壊滅的なので、Bootstrapにいろいろと頼っております。 最初は仕事でちょこっと使う機会があり、見よう見まねでやっていましたが、理屈がわからないと応用がきかないこともあるため …

前回CSSで大きな背景画像のなかにhtmlを置く方法をメモしたんですが、背景画像を透過させたいときなどのメモを書いておきます。 一般的に画像の透過といえばCSSでopacity:0.6とかやれば簡単な …

cakePHP+bootstrapでページャーのリンクを下記のように出力したいときのメモを。 ソース コントローラーのほうでは特に設定する必要なはく、HTMLのほうで下記のように設定すればOKです。 …