align-items: centerが効かない?CSSで中央揃えする方法
CSSでボタンやテキストを中央揃えしようとして、align-items: centerを指定したのに何も変わらなかった経験はありませんか? 例えば、ボタンの背景色やサイズは正しく表示されているのに、中の文字だけが上に寄っ … 続きを読む
CSSでボタンやテキストを中央揃えしようとして、align-items: centerを指定したのに何も変わらなかった経験はありませんか? 例えば、ボタンの背景色やサイズは正しく表示されているのに、中の文字だけが上に寄っ … 続きを読む
HTMLで見出しを作っているとき、spanタグで文字を分けたのに、思ったように改行されないことがあります。 例えば、見出しの前半と後半で文字色やサイズを変えたい場合です。HTMLでは別々のspanタグにしているのに、ブラ … 続きを読む
Webサイトを観察していると、「これはブルータリズムっぽい」と感じることがあります。 大きな文字。不揃いなレイアウト。装飾の少なさ。少し荒っぽい見た目。 ところが、似た特徴を持っていても、ブルータリズムだと感じるサイトと … 続きを読む
Webサイトを見ていて、なかなか次の情報にたどり着けないと感じたことはありませんか。 大きな写真、美しい余白、ゆったりとした画面構成。デザインとしては魅力的なのに、スクロールしても次のセクションが現れない。 そんなサイト … 続きを読む
Webサイトを見終わったあと、デザインは鮮明に覚えているのに、何を伝えるサイトだったのか思い出せないことがあります。 大胆な配色、大きな文字、印象的な写真。視覚的なインパクトは十分なのに、肝心の企業やサービスについては何 … 続きを読む
Webサイトを見ていると、3つのカードが横並びになったレイアウトによく出会います。 サービス紹介、商品一覧、実績紹介、採用情報。扱う内容は違っても、同じような3カラムの構成が繰り返されていることがあります。 3カラムは情 … 続きを読む
ブルータリズムWebサイトを観察していると、文字や画像を大胆に配置した、強烈なデザインに出会います。 巨大な文字。荒い画像。不揃いなレイアウト。 ところが、その一方で、驚くほど簡素なサイトもあります。 画像を置いているだ … 続きを読む
Webサイトに文字があれば、普通は読もうとします。 見出しを読む。説明を読む。必要な情報を探す。 文字は、情報を伝えるためにあるものだと考えられているからです。 ところが、Webサイトを観察していると、画面いっぱいに文字 … 続きを読む
Webサイトは、閲覧者を案内するものだと思われています。 どこをクリックすればいいのか。次に何を見ればいいのか。どんな情報が重要なのか。 迷わせないために、さまざまな工夫が施されています。 でも、いくつかのWebサイトを … 続きを読む
Webサイトを見ていて、最初はとても好印象だったのに、ページの最後で少し気持ちが変わってしまうことがあります。 明るい背景色、親しみやすいイラスト、ほどよいアニメーション。全体を通して楽しく見ていたはずなのに、フッターに … 続きを読む