３カラムの記事一覧を作成する方法 | AndHA Blog
この記事では、サイトでよく見かける下記のようなカード型の記事一覧を作成する方法をご紹介します。 あくまで一例として、参考にしてみてください。 今回はカードのエリアにホバーすると、サムネイル部分に黒いマスクと「Read More」がフワッと出現するようにしてみます。 <section class="ly_section"> <div class="ly_section_inner"> <h2 class="el_lv2Heading">３カラムの記事一覧</h2> <!-- ここから3カラム記事エリア --> <ul class="card_items"> <li> <a class="card_item" href="#"> <article> <figure class="card_item_imgWrapper"> <img src="assets/img/photo.jpg" alt
突然ですが… 本ブログのデザインを少しだけ変えました。 2カラムだったものを3カラムに変更したのです。 スマホで見ている方は分からないですよね。 パソコンで見ている方は、本文の右と左の両方にサイドバーがあることが分かると思います。 横に3列並んでいるので、これを、3カラムのブログといいます。 これ… 実は、ブログの流行りに逆行しているんです。 昔は、ほとんどのブログが3カラムでした。 悲しいことに閉店した私のブログも3カラムでした。 しかし、スマホが主流になってきて、ブログにもシンプルさが求められるようになってきました。 その結果、現在では、おしゃれな1カラムや2カラムが主流になってきています。 はてなブログを運営している方々も、右か左のどちらかにサイドバーのある2カラムが多いですよね。 私も複数のブログを運営していますが、すべて2カラムでした。 そこで、昔を懐古する意味、そして差別化する
2023年05月15日14:17 カテゴリ とりあえず３カラム的な構造には落ち着いたがなんだこの黒 mixiチェック しまった 色のセンスが私には欠けていた！！(´;ω;｀) ファッションコーデ的なサイトから画像拾ってフォトショでカラーピックするか～ .avif 🤔なんだこの拡張子。 ペイントでも開けんかった まだかかりそうです！ 買い出し行ってきます～ mixiチェック カテゴリなしの他の記事
スマートフォンのレイアウトをそのままPCに活かした 3カラム？スマホンシブ？スマポンシブ？の美しいデザインをまとめてみました 掲載、削除の依頼は管理人にご連絡ください。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【完全に雑記】2カラムから3カラムに変更しました - 大阪で自由気ままに生きる道（別館）
とりあえず３カラム的な構造には落ち着いたがなんだこの黒 : 田舎で娯楽
サンカラム | 3カラム、スマホンシブ、スマポンシブのWebデザイン参考サイト