0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Ext JSのテーマ遍歴その3

Posted at

前回に引き続きテーマ遍歴を見ていきましょう。
今回は、フォームパネルの部品です。

textfield

Classic

スクリーンショット 2015-12-15 18.32.49.png

Neptune

スクリーンショット 2015-12-15 18.33.06.png

Crisp

スクリーンショット 2015-12-15 18.33.12.png

Triton

スクリーンショット 2015-12-15 18.33.19.png

Neptuneからはバリデーションエラー時の波線がなくなり、枠が赤くなるのみになりました。
ラベルが徐々に薄くなりボックスのパディングも大きくなっている印象。

checkbox

Classic

スクリーンショット 2015-12-15 18.28.28.png

Neptune

スクリーンショット 2015-12-15 18.29.01.png

Crisp

スクリーンショット 2015-12-15 18.29.22.png

Triton

スクリーンショット 2015-12-15 18.29.42.png

バージョンを重ねるごとによりフラットな感じに。
Tritonではボックスが丸みを帯びてやわらかな印象を受けます。

combobox

Classic

スクリーンショット 2015-12-15 18.39.25.png

Neptune
スクリーンショット 2015-12-15 18.38.56.png

Crisp

スクリーンショット 2015-12-15 18.36.44.png

Triton

スクリーンショット 2015-12-15 18.38.26.png

datefield

Classic

スクリーンショット 2015-12-15 18.46.43.png

Neptune

スクリーンショット 2015-12-15 18.46.05.png

Crisp

スクリーンショット 2015-12-15 18.45.30.png

Triton

スクリーンショット 2015-12-15 18.50.19.png

TritonではDatePickerが巨大化。
テーマを重ねるごとに配色が抑えられ、段々と落ち着いた雰囲気になってきている気がします。

以上、3回に渡ってExtJSのテーマの移り変わりを見てきました。
その時のトレンドを取り入れたリッチなUIが標準で備わっているのがExtJSの魅力の一つではないかと改めて感じました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?