『HTML&CSS Webデザイン現場レベルのアイデア・スキルが身につく実践入門』 学習内容 第5章 （2回目） ・ヘッダー部分　PC #codejump

✅Codejump入門編：ブランドサイト ✍️ コメント ・align-items: center;の使い方が分かった #codejump

CSS小技✨ 疑似要素配置の違い理解してる？ 1️⃣content: ""のみ 疑似要素を生成、Contentsは空 疑似要素は、親要素のinline要素 　　 2️⃣content: "" position: absoluteを指定 疑似要素を生成、絶対配置 親要素を基準、top, right, bottom, left #Codejump #CSS小技

今日の学習内容 【MENTA Web制作】 「デイトラWeb制作コース上級編」－「メニューを有効化して、リンクを動的に出力する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「デイトラWeb制作コース上級編」－「トップページに新着記事の一覧を表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

CSS小技✨ aligh-self stretch🎶 Flexboxにおけるプロパティ💻 1️⃣flex-direction: row：垂直方向への伸縮 2️⃣flex-direction: column：水平方向への伸縮 ::before, ::after { content: "" align-self: stretch border: 2px solid #000 border-image: linear-gradient() 1 #Codejump #CSS小技 pic.x.com/P5rFMN8gWS

今日の学習内容 【MENTA Web制作】 「デイトラWeb制作コース上級編」－「WordPressテーマの初期設定＋テンプレートファイルを作成する」を学習しました。 #Web制作 #Web #駆け出しエンジニアと繋がりたい #コーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「デイトラWeb制作コース上級編」－「WordPressの基本概念を理解しよう！」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「ナビゲーションメニューを作成する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「「お問い合わせ」ページを作る」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「「高度な設定」でブロックの上下に余白を入れる」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「アバウトページを作る」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「カテゴリーページと月別ページを作成する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「メニューのデザインを指定する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

中級編、2週目。 お問い合わせページの枠組みと共通パーツを解説読みながら、作成終わりました。 #codejump #Web制作 #プログラミング pic.x.com/o8SaISUa9Y

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「プロフィールを表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「メニューを表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「ヘッダーと記事一覧を幅広にする」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「フロントで幅広を機能させる」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「フロントで全幅を機能させる」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「全幅・幅広の機能を有効化する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「ページネーションを表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月18日(火)終了

「HTML&CSS Webデザイン」 上級編進行中。。もう少しでひとまず完了。。 #codejump

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「記事ページへのリンクを設定して2列に並べる」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「トップページに記事のタイトルをリストアップする」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

CSS小技✨ フクロウセレクタで記述を最小限🎶 <ul> <li></li> <li></li>.. </ul> 1️⃣ul > * + * 2️⃣ul li:not(:first-child) 3️⃣ul li ul li:first-child) 1️⃣フクロウ１番記述が少ない 2️⃣否定擬似class記述量が若干増える 3️⃣記述量が多いこととStyleが２箇所に分散して記述 #Codejump #CSS小技 pic.x.com/kY95JUO9rV

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「ヘッダーとフッターをテンプレートパーツにする」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

CSS小技✨ 初心者にありがちな要素が親要素からはみ出る失敗🎶 1️⃣100vw（Scrollbarも含む）によるはみ出し 100%などで解決 2️⃣絶対単位で横幅指定によるはみ出し 相対単位やmax-widthで解決 3️⃣paddingやborderがからむsize計算の ミスによるはみ出し box-sizing: border-boxで解決 #Codejump #CSS小技

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「Webフォントを利用する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「ヘッダーとフッターを表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「アイコンを付けたデザインにする」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「前後の記事へのリンクを表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「記事の投稿日とカテゴリーを表示する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「記事ページを仕上げるための準備」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「記事の横幅を指定する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「フォントの設定をエディタに反映させる」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「フォントの設定を行う」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

今日の学習内容 【MENTA Web制作】 「WordPressレッスンブック」－「テーマ側で用意したCSSに設定を追加する」を学習しました。 #Web制作 #Web #MENTA #駆け出しエンジニアと繋がりたい #コーディング #Webコーディング #HTML #CSS #JavaScript #WordPress #codejump 2025年02月17日(月)終了

書籍版Codejump｜3章1周目📖 トップページのメインビジュアルが終わりました！ エディタで改行を入れると、ブラウザでスペースになってしまうので注意...✍️ 知識としては聞いていたけど、実際に現れたのは初めて🤣 #Codejump pic.x.com/wa62ZoTRxh x.com/fumi_mol/statu…