カード型はもう飽きた!? SVGとCSS3で変わるWebレイアウトの最新トレンド

カード型、タイル型などのグリッドをベースにしたレイアウトに、曲線や斜めを取り入れるのが最近のWebデザインのトレンド。CSS3やSVGを使った実装方法と合わせてトレンドを取り入れるヒントをお届け。 Webサイトは基本的に長方形がベースになっています。 もちろんこれには理由があります。古代から伝わった粘土板、パピルス、本のように、Webサイトも文字、言葉、文章が詰まった行でほとんど成り立っています。同様に、写真も長方形です。長方形の「れんが」で長方形の「壁」を作るのは理にかなっているのです。 Webサイトを組み立てるたくさんの「ブロック」は初期設定で長方形に形作られています。開発者なら、<div>、<article>、<sections>要素やその他の似たようなコードタグの話だと分かると思います。 CSS3以前は、違うシェイプを作るのにビットマップ画像をWebデザインに挿入する必要がありまし