webデザイン

結局UIデザインよりコンテンツなのだと思わせてくるサイト5選
結局UIデザインよりコンテンツなのだと思わせてくるサイト5選はじめに「デザインか、コンテンツか」。Web業界におけるこの未証明問題はニワトリと卵のジレンマのごとく、Webデザイン、Webシステムに携わる全ての人々が一度は直面した…

“No UI”というデザインは、世界を変えるのか?
"No UI"というデザインは、世界を変えるのか?はじめに「No UI」という言葉が巷に広がり始めてまだそれほど長い時間は経っていません。聞いたこともないという人も多いのではないでしょうか。しかし「No UI」という言葉が意味す…

Bootstrapで利用できるjQueryプラグイン Layout
Bootstrapで利用できるjQueryプラグイン LayoutBootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。今回はLayout編です。レイアウトといっても、テーブルの機能拡張やスクロールの調…

Bootstrapで利用できるjQueryプラグイン Animate
Bootstrapで利用できるjQueryプラグイン AnimateBootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。今回はAnimate編です。数字をカウントアップするなどの簡単なものなど、ちょっ…

Twitter Bootstrap 3 の基本 ボタンのサンプル
Twitter Bootstrap 3 の基本 ボタンのサンプル今回はボタンの作成をしていきます。1から綺麗なボタンを作成しようとすると、画像を作成しなければならなかったり、JavaScriptを組まなければならなかったり、色々と手間が…

Twitter Bootstrap 3 の基本 フォームのサンプル3
Twitter Bootstrap 3 の基本 フォームのサンプル3前回作成したフォームのサイズ変更をしていきます。基本的にクラスを指定することでフォームサイズの変更ができます。グリッドシステム同様に、横幅をグリッド数指定で決め…

Twitter Bootstrap 3 の基本 フォームのサンプル2
Twitter Bootstrap 3 の基本 フォームのサンプル2前回作成したフォームタグを、今回はカスタマイズしていきます。今回のサンプル今回作成するサンプルは以下の通り。フォームのレイアウトを変更する方法フ…

Twitter Bootstrap 3 の基本 フォームのサンプル
Twitter Bootstrap 3 の基本 フォームのサンプルHTMLのフォームタグというのは、多種多様なログイン画面や登録画面で使用されています。今回はこのフォームタグをBootstrapを使って表示するとどのようにUIに変化…

Twitter Bootstrap 3 の基本 Grid Systemのサンプル3
Twitter Bootstrap 3 の基本 Grid Systemのサンプル3「グリッドデザイン」の3回目です。グリッドシステムに慣れてきましたでしょうか。今回は次のようなサンプルを作成します。今回のサンプル要素…

Twitter Bootstrap 3 の基本 Grid Systemのサンプル2
Twitter Bootstrap 3 の基本 Grid Systemのサンプル2「グリッドデザイン」の2回目。前回は基本的なグリッドの作り方を見てみましたが、要は以前のテーブル組みのようなことを、クラスを指定するだけでレスポンシブ…