htmlとCSS書いて､めちゃ活用してる一日だった‼︎ナビゲーションを横にするためのdisplay_flexやっと活用できた♡13日､14日に昨日提出できる気がしてる‼︎少し元気になった‼︎トクポでみんなに見せて自信も少し溢れちゃったよー♡‼︎＠yumena_lapis ＠mirei_lapis ＠saki_idoll pic.twitter.com/x5tE5qAqpM

【プログラミング勉強8日目】 1日休みが取れなかった1週間だったけど、 朝と夜で20時間は勉強できた。 もっと時間取りたいけど、まずは継続！ ☑HTML&CSS初級・中級 ☑JavaScript ☑Commandline ☑HTML[レスポンシブデザイン編] ☑HTML[flex-box編] #プログラミング勉強中 #プログラマーと繋がりたい pic.twitter.com/BpIX5CJHLB

✍️STUDIOメモ リストで最初のアイテムだけテキストを真ん中にしたいのに、なぜか真ん中の列だけならず💦デザインエデュタでみると真ん中になってる😭作り直してもダメ。 →検証ツールで確認。これだけjustify-content:flex startがついている →CSS（justify-content:center）で無理やり解決💦 pic.twitter.com/xg2FtMb1yz

お昼休み中にご飯食べながら観て頂けたら嬉しいです。 【HTML/CSSの超初心者、超未経験者向け】 ページのレイアウト（display flex, width, heihgt） 最初は分らなくても、少しずつ覚えていけば大丈夫です！楽しんで出来るかどうか、それだけです！ pic.twitter.com/duqItALJQN

今日は「display:flex」でアイコンフォントより小さい丸でアイコンフォントを囲むCSSをご紹介します。最近発見したのですけど子要素を「width:0; height:0;」にすると中央に合わせやすい感じ。「display:flex」なので親要素が「absolute」でもOKです。　#web制作 codepen.io/sarap422/pen/m… pic.twitter.com/GFfK8y6JF7

＼コーディングブースト！時短テクニック／🚀 ボタンテンプレートの作成＆スニペット化💡 使い回せるボタンを作成したくないですか？ 最近作ったボタンのテンプレをご紹介！🎨✨ ・特徴 ✅ テキストの増減OK ✅ テキストの改行OK ▼CSS .button { display: inline-flex; justify-content: center;… pic.twitter.com/fwY1EQ2dUC

CSS小技✨ position & slider🎶 display: flexやposition相対値 sliderをレスポンシブ💻 #Codejump #Web制作 #デイトラ pic.twitter.com/vcg4kjcT4X

授業中パソコン重すぎて反対向きに閉じてタブレットにしてやろうかと思った🫢今日は授業終わって東京建築祭行ってきた、建築もやらないとなぁ cssに書き込むときはコピペ display flexで横幅、縦幅がつく pic.twitter.com/jBeZBnMf98

デイトラ学習【58日目】 中級編Day29~31 🍄flex: 1; で均等なサイズに 🍄スムーススクロールをcssで実装 contactに時間がかなりかかってしまって、終わらなかった😔 明日はマウスホバーの実装！！ java scriptもちょっと理解深まった！ pic.twitter.com/EwNYarRt4q

CSS小技✨ flex box の横並びと縦並び🎶 定番のjustify-contentとalign-itemsが 横並びと縦並びでは機能が反対になる🤔 それだけではないflex: 1も💻 #Codejump #Web制作 #デイトラ pic.twitter.com/3NTyhMMmpV

■CSSの「擬似要素」の「::first-letter」と「::first-line」を使う上での注意点！ ・「display: flex」だと効かない ・「display: grid」でも効かない これらがあります。 ✔本編はプロフィールから！ #Web制作 #Webデザイン #プログラミング #駆け出しエンジニアと繋がりたい pic.twitter.com/yAJEuwuof5

CSS小技✨ NAV Menuの幅を揃える３つの方法🎶 💻共通 親要素 display: flex; text-align: center; 1️⃣子 width: 100%; 2️⃣子 flex: 1; 3️⃣子 width: calc(100% / 3); #Codejump #Web制作 #デイトラ pic.twitter.com/ILYLBzo1NO

CSS小技✨ flex: n;🎶 <div class="container"> <div class="item1">flex:1</div> <div class="item2">flex: 2</div> <div class="item3">flex: 3</div> </div> それぞれの要素は親要素幅の flex: 1; 1/6を占める flex: 2; 2/6を占める flex: 3; 3/6を占める #Codejump #Web制作 #デイトラ pic.twitter.com/Ax7yde1XEI

返信先:@Chiaki_CLHお疲れさまです。CSSを自分で追加するとどうしても調整が必要になることが多いので、スキンを使わないのもありだと思います～。 それからトップページの記事カードが縦になっているのも調整できたので画像添付しますね。 ①flexのところを横並びにする１行追加 ②スキンで設定された行間余白の調整 pic.twitter.com/PejOtv8LcY

#Web制作 #挑戦中 #デイトラ 2024年5月16日thu. 【2日目】初級編　Day3 ----------------------- ☑CSS ・セレクタ（どこの）　HTML, class, 子孫 ・プロパティ（何を） ・バリュー（どうする）　px, %, em ・ボックスレイアウト　flex, relative, absolute 練習していきながら徐々に覚えていこう💪 pic.twitter.com/xf17mT5I3I

【実は新しい書き方になっているCSS3選】 1. display 「inline flex」のように「要素自体の並び方 要素の中の並び方」と分けて書くのが最新です。 2. rgb() 色と透明度を同時に指定したい場合、rgbaではなくrgbが最新です。 3. transform系 rotateやtranslateを個別に指定可能です。 #CSS pic.twitter.com/B1sdgnLsyc