skillup

技術ブログ

「 UI 」 一覧

no image

アプリケーションの画面構成に関して

2016/08/16   -UI

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

no image

情報アーキテクチャの分類

2016/08/15   -UI

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

no image

ユーザーの行動パターン

2016/08/14   -UI

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

no image

ソフトウェアデザインの目的

2016/08/14   -UI

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

no image

timepickerについて

2016/06/07   -JavaScript, UI
 

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

no image

ブラウザ上でのドラッグ&ドロップの処理

2016/05/07   -UI, デザイン
 

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

no image

Bootstrapまとめ form+画像

2016/05/04   -UI, デザイン
 

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

no image

Bootstrapまとめ 主に段組み関連の知識について

2016/05/02   -UI, デザイン
 

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

no image

CSSで背景画像の出力 ~透過編~

2016/03/07   -UI

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

no image

cakePHP+bootstrapでのページャー

2016/02/16   -UI, デザイン
 ,

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