一覧
状態:-
閲覧数:1,560
投稿日:2017-01-12
更新日:2017-01-12
Tabs Modal
・「次へ」戻る」メニュー機能搭載
・デザインは良いが、レスポンシブ未対応
Transformer Tabs
・モバイル時にtoggleメニュー
Custom Ionic Tabs And Nested State Navigation
Ionic Tabs + Fake Tabs-Top (Facebook-like) togheter
・フッターにメニューアイコンを配置
Vertical Bootstrap Tabs
・左右選択可能な縦メニュー
・モバイル時にはハンバーガーメニュー対応も
・Bootstrap依存？
Horizontal Tab Menu
・レスポンシブ対応
・常に×印を表示する仕様
・あまり見たことがないタイプ
・これはこれで使いやすいかも
Material Design CSS Only Tabs
・普通のレスポンシブタブ
Responsive pure css tabs
・pure css
・モバイル時メニューはアイコンのみ表示
Pure CSS Tabs With Indicator
・pure css
・モバイル時メニューはアイコンのみ表示
Material Tabs
・モバイル時メニューはアイコンのみ表示
CSShrome
・ギミック感が凄い
Tabs animation.
・モバイルには良いかも
Material Expanding Overlay - Top-Aligned Tabs
・良い感じだが、縦長コンテンツの際、どう表示されるか要確認
調査日
・2017-01-12
40ページで終了
・疲れた
・キリがないので
・「次へ」戻る」メニュー機能搭載
・デザインは良いが、レスポンシブ未対応
Transformer Tabs
・モバイル時にtoggleメニュー
Custom Ionic Tabs And Nested State Navigation
Ionic Tabs + Fake Tabs-Top (Facebook-like) togheter
・フッターにメニューアイコンを配置
Vertical Bootstrap Tabs
・左右選択可能な縦メニュー
・モバイル時にはハンバーガーメニュー対応も
・Bootstrap依存？
Horizontal Tab Menu
・レスポンシブ対応
・常に×印を表示する仕様
・あまり見たことがないタイプ
・これはこれで使いやすいかも
Material Design CSS Only Tabs
・普通のレスポンシブタブ
Responsive pure css tabs
・pure css
・モバイル時メニューはアイコンのみ表示
Pure CSS Tabs With Indicator
・pure css
・モバイル時メニューはアイコンのみ表示
Material Tabs
・モバイル時メニューはアイコンのみ表示
CSShrome
・ギミック感が凄い
Tabs animation.
・モバイルには良いかも
Material Expanding Overlay - Top-Aligned Tabs
・良い感じだが、縦長コンテンツの際、どう表示されるか要確認
調査日
・2017-01-12
40ページで終了
・疲れた
・キリがないので
1次選考
Vertical Bootstrap Tabs
・Bootstrap依存
・bootstrap.min.js読込をコメントアウトしたら、正常動作しない
・落選
Horizontal Tab Menu
・面白いけれども、今回の用途では不要
・余計なアニメーションとかいらない
・大量テキストをバッと切り替えて読みたい
・落選
Material Design CSS Only Tabs
・<input type="radio">使用しているのが気持ちが悪い
・そこまでしてCSS実装にこだわりたくはない
・落選
・うーん、でもよく見たらメンテしやすそうだから次点
Responsive pure css tabs
・別に悪くはないけれども
・「Material Tabs」の方が良いと思ったので、落選
Pure CSS Tabs With Indicator
・SVG使用
・カスタマイズが面倒かな、と思ったので落選
※今回はテキストメインなので
Material Tabs
・display: flex;
Material Expanding Overlay - Top-Aligned Tabs
・縦長の場合、表示されないこともある
※スクロールバーは表示されない
・落選