https://uxdesign.cc/neumorphism-will-not-be-a-huge-trend-in-2020-67a8c35e52cc
ニューモーフィズムは2020年大きなトレンドにはならないだろうという記事です。
これは、「Neumorphism in user interfaces（https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6）」という記事に大きな反響があったことを受けての記事です。Neumorphismは「新しいスキューモーフィズム」とのことで、フラットデザインを経て、現実のものをリアルに模したスキューモーフィズムとは違った立体感を持ったデザインを表しています。
一般的なデザインスタイルになるほど汎用性がないので、そこまで流行らないだろうという予測です。コーディングが面倒なこと、可視性とアクセシビリティに問題がありそうな点も理由のようです。
図1 ニューモーフィズムが2020年大きなトレンドにはならない理由
https://medium.com/swlh/re-imagining-the-bottom-navigation-bar-f6f4cb64afa6
下部ナビゲーションバーのデザイン例を6パターン紹介しています。
垂直ポップアップナビゲーション
水平ポップアップサイドナビゲーション
非表示になる水平ナビゲーション
中央ナビゲーションドロップダウン
ダイヤモンドナビゲーション
幅を短縮した固定ナビゲーション
図2 下部ナビゲーションバーのデザイン例を6種類
https://ishadeed.com/article/min-max-css/
min-widthとmax-width、min-heightとmin-heightの利用法と使いこなしのヒントを説明しています。
ラベルテキストの文字数が少ない場合にボタンの幅が小さくなりすぎないようにmin-widthを設定する方法、逆に大きくなりすぎないようにmax-widthを設定した上でtext-overflow: ellipsisを使ってテキスト末尾を「…」にする手法などを紹介しています。