yuna

デザインがコンテンツより前に出た瞬間、冷める

by

Webサイトを見ていて、急に気持ちが冷める瞬間があります。 アニメーションがあるからではありません。 派手だからでも、個性的だからでもありません。 むしろ、強い世界観や大胆なデザインが好きだと感じることもあります。 それ … 続きを読む

ブルータリズムWebサイトおすすめ6選 #2｜愛想がないのに、なぜか見たくなる

by

ブルータリズムWebサイトを見ていると、ときどき**「このサイト、びっくりするほど愛想がないな」**と思うことがあります。 丁寧に説明してくれない。読みやすくしてくれない。次に何を見ればいいのか教えてくれない。 普通のW … 続きを読む

ブルータリズムWebサイトおすすめ6選 ＃1｜本当に好きなサイトを厳選

by

ブルータリズムのWebサイトが好きで、これまでかなりの数を見てきました。 ただ、ブルータリズムなら何でも好きなわけではありません。 派手な色を使えばいいわけでも、巨大な文字を置けばいいわけでも、レイアウトを崩せばいいわけ … 続きを読む

ブルータリズムとは？Webデザインの特徴と魅力をわかりやすく解説

by

巨大な文字、強烈な色、むき出しのレイアウト。 Webサイトを見ていて、「なんだこれは」と思うようなデザインに出会ったことはないでしょうか。 整ったグリッドや美しい余白とは少し違う、荒々しく、ときには不親切にすら見えるデザ … 続きを読む

私とブルータリズム｜誰にも媚びないWebデザインに惹かれる理由

by

ブルータリズムのWebサイトが好きです。 かっこよくて、毒々しくて、楽しい。ときには無骨で、怪しくて、少し怖い。それなのに気がつくと、ずっと見ています。 私にとってブルータリズムの魅力は、単に「変わったWebデザイン」で … 続きを読む

良いコンテンツがあれば、良いWebサイトになるわけではない

by

Webサイトを見ていて、「もったいない」と感じることがあります。 写真はきれい。内容もいい。伝えるべき情報もしっかり用意されている。 それなのに、見ている途中で読む気がなくなったり、最後まで辿り着かなかったりする。 逆に … 続きを読む

ページトップへ戻るボタンの作り方｜HTML・CSS・JavaScriptで実装

by

縦に長いWebサイトでは、ページを読み進めたあとに「一番上まで戻りたい」と感じることがあります。 そんなときに便利なのが、画面の右下などに表示される**「ページトップへ戻るボタン」**です。 HTMLとCSSだけでも簡単 … 続きを読む

CSSでホバー時に色を変える方法｜hoverの使い方を初心者向けに解説

by

Webサイトでは、リンクやボタンにマウスを乗せたときに色が変化する表現をよく見かけます。 このような動きは、CSSの**:hover（ホバー）**を使うことで簡単に実装できます。 色が変わることで「ここはクリックできる」 … 続きを読む

CSSで文字に下線を引く方法｜border-bottomを初心者向けに解説

by

Webサイトを制作していると、見出しの下に線を引いたり、特定の文字を下線で強調したりしたい場面があります。 そんなときに使えるのが、CSSの**border-bottom**です。要素の下側にだけ枠線を指定することで、下 … 続きを読む