skillup

技術ブログ

「 bootstrap 」 一覧

no image

Bootstrapまとめ form+画像

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

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

no image

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

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

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

no image

cakePHP+bootstrapでのページャー

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

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

no image

Bootstrapでのラジオボタンの装飾について(toggle)

2016/01/13   -UI, デザイン
 

ラジオボタンのようなn択式のチェックに関して、HTMLディフォルトのごついやつではなく、下記のようにボタンがへこんだものを実装したい場合の処理についてメモします。 下記のようなボタンの状態をtoggl …

no image

固定されたナビ(ヘッドとサイド)

boostrapでサイトを作るときにヘッダーとサイドバーを固定したいときについてメモします。 ヘッダーを固定したい場合

classにn …

no image

boostrapでのヘッダーナビ作成

昔から私の作るWEBアプリはデザインがめちゃくちゃなことが多かったんですが、最近は多少デザインにも気を配るようになってきました。 実はCSSがあまり得意ではなくて、うまく組むためにかなり苦戦していまし …

no image

オートコンプリートのプラグイン

2016/01/04   -JavaScript, UI
 ,

最近だとフォームの入力画面で最初の数文字を入力すると候補を予測して表示してくれる機能(=オートコンプリート)があることが一般的ですね。 いろいろなプラグインがありますが、今回お勧めしたいのはBoots …

no image

UIまで手が回らないプログラマのための画像加工サービス&ツール紹介など

2015/11/12   -UI, デザイン
 ,

本業はプログラマ―なんですが、ガチンコ塾のブログの画像を作る程度の加工などをちょこちょこやってます。 プログラマーといえどUIを全く気にしないのは問題ですし、中小企業だと広く浅くできる人間が求められる …