
あいまる【ギミックコーダー/Webディレクター】
5.1K posts

あいまる【ギミックコーダー/Webディレクター】
@aimaru0508
Webサイト・LPコーディング業務承ります!| 8clover代表🍀フリーランス3年目| 制作実績35件以上 ¦ LP15件以上、WordPress15件以上 | ディレクション1件 | インボイス登録済 | 土日祝も対応可〇 | 宮城県在住 | 32歳 | [email protected]





今日のあいまるーむ2は、 paddingとmarginの話を皆でする予定です😊 コーダーよりの話が多いかもしれませんが、 コーダー・デザイナーさんお気軽にご参加ください🙌 後半は多分雑談です🍀 #あいまるーむ2


今日のあいまるーむ2は、 paddingとmarginの話を皆でする予定です😊 コーダーよりの話が多いかもしれませんが、 コーダー・デザイナーさんお気軽にご参加ください🙌 後半は多分雑談です🍀 #あいまるーむ2



\ 📣#デイトラコミュニティ 限定イベント!🥳 / 4/4㈯ 21:00~23:00 @aimaru0508 さん企画 あいまるーむ🐻 今週は『コーディング・デザイン勉強会』! はじめましてさんも大歓迎! みんなでゆる~くお話ししましょう!😆 #デイトラ






【CSS‼お前そんなことできたんか‼】 新しくcssの再現を学んだので、共有します😊! チャットGPTに教えてもらいました🙌 今回再現するのは、 【子要素を丁度半分で縦並びにする方法】です! 【コード👇】 .item-wrap { display: block; column-count: 2; column-gap: 20px; } 【解説】 使用できる実装は、横並びではなく『縦並び』の時です! (従来の実装) ①display: flex; を縦並びにして、heightを指定して折り返す。 デメリット:高さ固定なのでレスポンシブで崩れる など ②display: grid;で数を指定して折り返す デメリット:数が増えたらどんどん横に折り返される など (今回の実装) column-count: 2;で横列の数を指定するだけです! 2であれば2列で、子要素の数を丁度半分で折り返します。11個あるときは 6:5になります。 「凄いところは、数を自動で半分にするところ!!」WordPressで数が今後増えるかも?という実装でも問題なし😊! ※私も知ったばかりなので、まだ未知の部分があるかもです!ご了承ください🙏 是非お試してみてください😊 知らなかった!感動!という方は是非いいねとフォローよろしくお願いいたします🐻✨ #あいまる豆知識










