コンテンツ種別写真動画複数枚｢#PR｣つき投稿 関連投稿国 指定なし 関連都道府県 指定なし 並び替え投稿日順 ライク数順 コメント数順 エンゲージメント率順【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 { セレクタの書き方って正解はあるの？𓈒𓏸𓐍 最後の方で出てきた「class属性」ですが、その付け方は色々な思想があります🐳 例えば以下のようなコードがあり、pタグにCSSを適用したいとします。 <section> <h2>ごあいさつ</h2> <p>1段落目の文章</p> <p>2段落目の文章</p> </section> この時、少なくとも2パターン考えられます。 ----- 🔹 pタグにclass属性をつける <section> <h2>ごあいさつ</h2> <p class="greetingParagraph">1段落目の文章</p> <p class="greetingParagraph">2段落目の文章</p> </section> ➡️.greetingParagraph {〜}と指定 🔸 sectionタグにclass属性をつける <section class="greetingSection"> <h2>ごあいさつ</h2> <p>1段落目の文章</p> <p>2段落目の文章</p> </section> ➡️.greetingSection p {〜}と指定 ----- このような簡単な例ではpタグにclass属性をつける方法だと、 いちいちpタグにclass属性をつけなくてはならないので 後者のほうがスマートなのが分かりやすいと思います。 しかし、コードが複雑になると、どちらが良いかはケースバイケースになってきます。 このあたりは全体感を見てバランスをとっていく必要があります🧐 🌟電子書籍が半額セール中です(2022年2月24日まで） ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽役に立つかも話だけ読みたい方はこちらのハッシュタグで検索𖦊 #エンジニアねこの役に立つかも話 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #セレクタ2022/02/22に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/セレクタ#セレクタ0.84%1400【1日1分で学ぶCSS✨ display:grid;】 CSSシリーズ display:grid;(CSSグリッド）、指定方法編です😆 一般的にマス目状の何かを作る場合には、線を引くとマス目ができるというイメージだと思いますが、 CSSグリッドレイアウトの場合は線を引くのではなく、マス目の幅（グリッドトラック）を指定するのが先になります。 この順番やイメージを持っていれば、グリッドの指定に悩むことは少なくなると思います😊 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🌟電子書籍が半額セール中です(2022年2月24日まで） ▼こちらの特設サイトで本の特典紹介・試し読みなどができます。 https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #フリーランス #プログラミング女子 #フリーランスwebデザイナー #CSSグリッド #電子書籍2022/02/18に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分CSS#1日1分CSShttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/HTML#HTMLhttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/フリーランス#フリーランスhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/CSSグリッド#CSSグリッドhttps://www.instagram.com/explore/tags/電子書籍#電子書籍0.99%1641【1日1分で学ぶHTML✨ <footer>2周目】 <footer>タグは<header>タグとセットで理解するのが楽かと思います。 （間にmainの投稿を差し込んでしまいましたが...😟） headerは導入部分 footerは最終部分 にくるイメージです🐳 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 週に2-3回ほどの不定期更新です ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #マークアップ #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい#ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #webデザイナー2022/02/15に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分HTML#1日1分HTMLhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/HTML#HTMLhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/マークアップ#マークアップhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/webデザイナー#webデザイナー0.93%1550【現役エンジニアのちょっと役に立つかもしれない話】 { 確定申告の超基礎 今回は全然技術系ではなく（笑）、フリーランスになったら必須の確定申告についてです。 会社員時代は会社がすべてやってくれていたので、あまり意識しませんでしたが、 フリーランスになるとお金についても意識的にならざるを得ません 我が家の場合は役割分担しています。 ・日々の家計簿はrumy【zaimで入力】 ・確定申告はTake【MoneyForwardで入力】 確定申告の時期に一気にやると大変なので 経費になりそうなものなどは家計簿の段階である程度分類しています♀ こういったことが、すごく苦手な方はすべて税理士さんにお任せしてしまうのも手です◎ （細かな額や法律の変更などもあり、追うのも意外と一苦労・・・） エンジニアねこに取り上げて欲しいトピックがありましたら お気軽にコメントくださいっ'' ・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！･･･・ Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点） みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています 週に2-3回ほどの不定期更新です ▽役に立つかも話だけ読みたい方はこちらのハッシュタグで検索 #エンジニアねこの役に立つかも話 ▽よろしければフォローもお願いします @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #財務 #確定申告 #フリーランス #青色申告2022/02/11に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/財務#財務https://www.instagram.com/explore/tags/確定申告#確定申告https://www.instagram.com/explore/tags/フリーランス#フリーランスhttps://www.instagram.com/explore/tags/青色申告#青色申告0.85%1402【1日1分で学ぶCSS✨ display:grid;】 CSSシリーズ display:grid;(CSSグリッド）です😆 gridは説明することが多く、1つの投稿に納まりませんでした💦 とりあえず今回は流れと覚えてほしい用語のみ掲載しました。 私（Rumy)が初めてgridに触れた時は「gap」や「fr」などCSSグリッドで初めて出てくる概念が多く、この時点で「難しいよおおおお😭」となってしまいました。 （Rumyはコーディング苦手です🐳） その後、書籍出版の際に夫とgridの項目で「とにかく、わかりやすく」「使えるのが大切」をモットーに難しい概念はなるべく出さず、とにかく実践で使える部分に削ぎ落としました。 frやgapは使わなくても実装できますし、grid自体はとっても便利です！ 自分でパズルのマス目を設定して、それに要素をあてはめていくようなイメージです🤘 frやgapについては応用編でご紹介するとして、まずは自分で一度gridを使えると「できた〜🥳」と自信になると思いますので、ぜひ挑戦してみてください。 今回は概要でしたが、次回は詳細な指定方法をご紹介します。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #CSSグリッド2022/02/08に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分CSS#1日1分CSShttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/CSSグリッド#CSSグリッド1.27%2120【1日1分で学ぶHTML✨ <main>2周目】 ページで主要な内容が書かれているまとまりをマークアップするのに使います。 ブログの記事ページなどでは使う場所がわかりやすいと思います🙆 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 週に2-3回ほどの不定期更新です ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #マークアップ #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい#ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #webデザイナー2022/02/04に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分HTML#1日1分HTMLhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/HTML#HTMLhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/マークアップ#マークアップhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/webデザイナー#webデザイナー0.93%1550【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 {HTMLの分類コンテンツカテゴリは覚える必要がある？𓈒𓏸𓐍 HTMLのカテゴライズは実務ではあまり意識する機会は少なく、暗記の必要性は薄いと思います☺️ 特に「要素を入れ子にできるのか？」を判断するのには便利ですが、どの要素がどのカテゴリに属するのかを細かく覚えるよりも、大雑把な関係性を覚える方が実践向きです🤘 例えば、pやulなどは大きな箱のような部類で、aやemなどはその中で使われるテキスト装飾のような部類、videoやiframeなどは何かを埋め込む部類といったように、要素の大きさ（ブロックやインライン）や、使われ方が似ている要素を頭の中でなんとなく分類できるようになると良いです🙆♀️ ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽役に立つかも話だけ読みたい方はこちらのハッシュタグで検索𖦊 #エンジニアねこの役に立つかも話 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢2022/02/01に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢0.88%1470【1日1分で学ぶCSS✨ display:flex;】 CSSシリーズ display:flex;(Flexbox）です😆 displayプロパティの投稿で説明した通り、display:flex;は指定した要素の『子要素のレイアウト方法を変える』プロパティです。 主要なレイアウト方法は大きく3つに分けられます。 ・フローレイアウト（通常の配置） ・フレックスレイアウト ・グリッドレイアウト display:flex;を指定するということは、子要素をフローレイアウトからフレックスレイアウトに変えるということになります😊 ※こちらに関しては「エンジニア猫シリーズのdislayプロパティには値が2つ指定できる！？」に詳しく書いてあります。 このフレックスレイアウト（フレックスコンテンツ・フレックスアイテム）の要素には、それぞれフレックス用のプロパティが適用できるようになりますので、それらを活用して様々なレイアウトを実現していくという流れになります☺ ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー "2022/01/25に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分CSS#1日1分CSShttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー1.53%2560【1日1分で学ぶHTML✨ <header>2周目】 <heder>タグがページの途中で出てくるケースで想像しやすいのはブログなどの記事だと思います。 記事には ・タイトル ・カテゴリー ・投稿日時 などがあり、その部分を<heder>タグでマークアップすることがあります。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 週に2-3回ほどの不定期更新です ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #マークアップ #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい#ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #webデザイナー2022/01/20に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分HTML#1日1分HTMLhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/HTML#HTMLhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/マークアップ#マークアップhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/webデザイナー#webデザイナー0.9%1510【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 {中級編 | displayプロパティには値が2つ指定できる！？𓈒𓏸𓐍 スライドで紹介した他にも例外があります。 ■ 1つの値 display:none; display:contents; ■ 3つの値 display:block flow list-item; 【display:list-item;と同義】 将来的にどのような書き方がスタンダードになるかわからないので、すべての書き方を暗記する必要はありません。 ブラウザの対応が追い付いた際などに混乱したり、慌てなくてもいいように頭の片隅に留めておくと良いかと思います🙆♀️ ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介/試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢 #webサービス2022/01/18に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分CSS#1日1分CSShttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢https://www.instagram.com/explore/tags/webサービス#webサービス0.81%1360【1日1分で学ぶCSS✨ display】 CSSシリーズ、displayです😆 displayプロパティは正確に全体像を理解しようとすると、様々な前提知識が必要になってきます😶 まずはスライドで紹介した5つの値がどのような作用を及ぼすのかを個別に覚えた後、 仕様書の内容に踏み込む方が習得しやすいと思います。 この5つだけでも作用の仕方を画像だけで伝えきるのは難しいので、実際にどのように要素が変化するのかをコードを打って確認した後に仕様書で細かい内容を理解する方がスムーズです。 また、本日の投稿と内容は重なりますが #エンジニアねこの役に立つかも話 の2021年5月21日からの投稿4つは今回の値を掘り下げた内容になるので、気になる方はチェックしてみてください☺️ 中級者向け(？)のdisplayプロパティの詳しい仕様については、改めて投稿予定です。 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2022/01/14に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分CSS#1日1分CSShttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー1.44%2400【1日1分で学ぶHTML✨ <p>2周目】 遅ればせながら、あけましておめでとうございます！🌅 お正月、3連休とあっという間に過ぎてしまいましたね😲 皆様もゆっくりお過ごしになられたでしょうか？ 今回は<p>タグのご紹介で、2周目の投稿となります。 今年は本を書くことから通常業務にシフトしていくため、前年よりは亀🐢更新になってしまうかと思いますが、今年もご覧いただけましたら嬉しいです😊 本年もよろしくお願いいたします。 「Web制作について勉強したい！」と新年に気合を入れた方にもお役に立てれば幸いです🙏 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数1万部突破！✨･･･・⸝⋆ 🎊Amazon Web作成・開発総合ベストセラー1位を獲得！(2021年10月31日時点）🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介/試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 週に2-3回ほどの不定期更新です ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢2022/01/11に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分HTML#1日1分HTMLhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢1.19%1980【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 { Can I useの見方𓈒𓏸𓐍 普段使いでは画像にあるように対応部分のチェックで事足りますが、Analyticsと連携できたり、会員登録すると古いバージョンでのブラウザテストができたりなど意外と多機能なサービスです☺ 画像に紹介しきれませんでしたが「備考欄」のKnown issuesタブはバグの情報なども載っているので便利です。 色々見てみて下さい🤗 𖦊エンジニアねこに取り上げて欲しいトピックがありましたら お気軽にコメントくださいっ'꒳' ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●Amazonの在庫復活しました！٩( 'ω' )و //／ ●ほかネット販売では以下ショップでお取り扱いしています◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽役に立つかも話だけ読みたい方はこちらのハッシュタグで検索𖦊 #エンジニアねこの役に立つかも話 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢 #webサービス2021/12/24に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢https://www.instagram.com/explore/tags/webサービス#webサービス0.74%1230【お知らせ✨とお礼🙇🙇♀️】 この度、早くも再増刷（3刷）が決定しました🎉 これで累計発行部数が1万部を超えます。（！） 執筆時には「少人数でも誰かの役に立ったら嬉しいねぇ」と夫とも話していましたが、こんなにも多くの方に届いて本当に嬉しいです😭 本を手にとってくださったみなさま いつもインスタ見てくださってるみなさま 応援してくれるみなさま 本当にありがとうございます！！！ 執筆時は他の仕事をほぼ引き受けずに没頭していたため今は元の生活に少しずつ戻すためリハビリ中です（笑） 更新頻度も以前より落ちてしまっており申し訳ございませんが、引き続きよろしくお願いいたします🙏🙏 ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●Amazonの在庫復活しました！٩( 'ω' )و //／ ●ほかネット販売では以下ショップでお取り扱いしています◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #マークアップ #書籍紹介 #技術書 #大人の勉強垢 #重版出来 #増刷2021/12/22に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/マークアップ#マークアップhttps://www.instagram.com/explore/tags/書籍紹介#書籍紹介https://www.instagram.com/explore/tags/技術書#技術書https://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/重版出来#重版出来https://www.instagram.com/explore/tags/増刷#増刷1.25%2044【1日1分で学ぶCSS✨ float】 CSSシリーズ、本日はfloat（フロート）です😆 最後のスライドに書いた疑似要素を用いてfloatを解除する手法のことをclearfix（クリアフィクス）と呼びます。 floatが出てくるたびにCSSを書くのは非効率なため、最後のスライドに書いたCSSのセレクタ部分をclassセレクタにし、使い回せるようにします。 この時、class名は任意ですが、手法の名前をとって.clearfixという名前をつけてを用いる場合が多いでしょう。 そうするとfloatを用いた要素の親要素に class="clearfix" をつけるだけでfloatが解除されるので便利です。 昔はレイアウト目的でfloatがたくさん使われていたのでclearfixは言ってみれば「常識」の知識でしたが、今はFlexboxやCSS grid が主流となったため、floatが登場すること自体が少なくなりclearfixを学ぶ機会が減っているかもしれません。 疑似要素でclearすることにより、画像（浮動要素）の下辺でclearされるため、親要素の高さと画像（浮動要素）の高さが一致する（ので扱いやすくなる）ということです。 ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●Amazonの在庫復活しました！٩( 'ω' )و //／ ●ほかネット販売では以下ショップでお取り扱いしています◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆2021/12/17に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分CSS#1日1分CSS1.0%1643【1日1分で学ぶHTML✨ h1-h6（2周目）】 主要なHTMLタグの紹介が終わってしまったので、どうしようかな〜と思いましたが、最近フォローしてくださった方もたくさんいらっしゃるのでHTMLは最初に戻ってご紹介することにしました！ その際に追記事項などがあれば、書こうと思います。 今回は度々議論にあがる（？）「h1って1ページに1つだけ？」という点について追記しました。 ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●Amazonの在庫復活しました！٩( 'ω' )و //／ ●ほかネット販売では以下ショップでお取り扱いしています◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 週に2-3回ほどの不定期更新です ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #マークアップ2021/12/14に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分HTML#1日1分HTMLhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/マークアップ#マークアップ0.9%1474【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 { WordPressのセキュリティ𓈒𓏸𓐍 「自分は大丈夫！」と思いがちなセキュリティ関係なのですが、WPの被害は周りでも耳にするので、他人事ではない印象です。 （今のところ幸い、自分自身が被害にあったことはありません...） WordPressやテーマのメジャーアップデートはバージョンアップとなるとカスタマイズの内容によっては難しい場合もあるかと思います。 そういったリスクがあることをクライアントさんと共有しておく必要や、定期的なバックアップ、バックアップをしてからのバージョンアップを心がけると良いでしょう。 マイナーバージョンアップデートはこまめにすることをオススメします☺ 𖦊エンジニアねこに取り上げて欲しいトピックがありましたら お気軽にコメントくださいっ'꒳' ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●Amazonの在庫復活しました！٩( 'ω' )و //／ ●ほかネット販売では以下ショップでお取り扱いしています◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽役に立つかも話だけ読みたい方はこちらのハッシュタグで検索𖦊 #エンジニアねこの役に立つかも話 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢 #wordpress #セキュリティ2021/12/10に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢https://www.instagram.com/explore/tags/wordpress#wordpresshttps://www.instagram.com/explore/tags/セキュリティ#セキュリティ1.01%1680【1日1分で学ぶCSS✨ z-index】 CSSシリーズz-indexです😆 positionプロパティを使う上で避けては通れないのが「z-index」プロパティです。 値は、ほぼ無限に大きくしたり小さくしたりできますが、あまり適当な数値をランダムに使うと重なり順がわかりづらくなるので10単位や100単位などで使うと良いです ⋆⸜・･･･「1冊目の本」好評発売中･:*+.\(( °ω° ))/.:+✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●Amazonの在庫復活しました！٩( 'ω' )و //／ ●ほかネット販売では以下ショップでお取り扱いしています◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2021/12/07に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分CSS#1日1分CSShttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.9%1482【1日1分で学ぶHTML✨ WAI-ARIA（ウェイアリアについて）】 WAI-ARIAはマークアップだけでは表現しきれない意味を付与することができ、特に非視覚系ブラウザ（音声読み上げブラウザなど）の利用者に対するアクセシビリティを考えるうえではとても大切な仕様となります。 細かい仕様は必要に応じて学んでいけば良いと思いますが、まずはWAI-ARIAがどのように動作するものなのかを知っておくと良いと思います☺ https://www.codegrid.net/articles/2016-wai-aria-1 こちらのページで WAI-ARIA の有り無しでの読み上げられ方の違いなどを聞くことができますので、参考にしてみていただければと思います🙏 【余談】HTMLが一通り終わってしまったので最近フォローしてくださった方向けに1から投稿し直そうか悩み中です・・・🤔🤔🤔 ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●現在Amazonの在庫が復活しましたが到着日が遅い可能性がありますので、ご注意下さい ●ネット販売では本日の時点で以下ショップには在庫ありです◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 週に2-3回ほどの不定期更新です ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #マークアップ2021/12/03に公開- 指定なしhttps://www.instagram.com/explore/tags/1日1分HTML#1日1分HTMLhttps://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/css#csshttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/マークアップ#マークアップ0.92%1540【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 { WordPressの勉強の始め方𓈒𓏸𓐍 WordPress（ワードプレス）とはWebサイトを簡単に作れるオープンソースの（誰でも使える）システムです。 全ウェブサイトの40%程度がWordPressを使って作られています。（w3techs調べ） そのためWeb制作を仕事にする場合、嫌でもWordPress遭遇するかと思います（笑） HTML/CSS/PHPの知識がなくても利用することは可能ですが、「細かいカスタマイズをしたい」「仕事として使いたい」場合は、知識が必要となってきます💁♀️ 今回はHTML/CSSの知識を一通り勉強し「次はWordPressを...」と思っている方向けに書いてみました✎ 初めからPHPに挑もう！と思うと、難しくて戸惑ってしまうかもしれませんので、画像のように少しずつさわりながら、覚えたり疑問を調べていくと自然と身につくかと思います☺️ ⋆⸜・･･･「1冊目の本」好評発売中です✨･･･・⸝⋆ 🎊 おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！(10月31日時点） Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ●現在Amazonの在庫が復活しましたが到着日が遅い可能性がありますので、ご注意下さい ●ネット販売では本日の時点で以下ショップには在庫ありです◎ 楽天ブックス / honto / yodobashi ●書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 週に2-3回ほどの不定期更新です ▽役に立つかも話だけ読みたい方はこちらのハッシュタグで検索𖦊 #エンジニアねこの役に立つかも話 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢 #wordpress2021/11/30に公開- 指定なしhttps://www.instagram.com/explore/tags/エンジニアねこの役に立つかも話#エンジニアねこの役に立つかも話https://www.instagram.com/explore/tags/1日1分で学べるHTMLとCSS#1日1分で学べるHTMLとCSShttps://www.instagram.com/explore/tags/CSS#CSShttps://www.instagram.com/explore/tags/Webデザイン#Webデザインhttps://www.instagram.com/explore/tags/Webデザイナー#Webデザイナーhttps://www.instagram.com/explore/tags/Webデザイン勉強中#Webデザイン勉強中https://www.instagram.com/explore/tags/Webデザイナー勉強中#Webデザイナー勉強中https://www.instagram.com/explore/tags/Webデザイン勉強中の方と繋がりたい#Webデザイン勉強中の方と繋がりたいhttps://www.instagram.com/explore/tags/Webデザイン初心者#Webデザイン初心者https://www.instagram.com/explore/tags/Webデザイナーになりたい#Webデザイナーになりたいhttps://www.instagram.com/explore/tags/Webデザイン未経験#Webデザイン未経験https://www.instagram.com/explore/tags/プログラミング初心者#プログラミング初心者https://www.instagram.com/explore/tags/駆け出しエンジニア#駆け出しエンジニアhttps://www.instagram.com/explore/tags/駆け出しエンジニアと繋がりたい#駆け出しエンジニアと繋がりたいhttps://www.instagram.com/explore/tags/駆け出しデザイナー#駆け出しデザイナーhttps://www.instagram.com/explore/tags/hp制作#hp制作https://www.instagram.com/explore/tags/web制作#web制作https://www.instagram.com/explore/tags/ホームページ制作#ホームページ制作https://www.instagram.com/explore/tags/コーディング#コーディングhttps://www.instagram.com/explore/tags/コーダー#コーダーhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナーhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢https://www.instagram.com/explore/tags/wordpress#wordpress1.65%2732<前へ1234>次へ×インフルエンサーコンテンツCSVダウンロードフォロワー総数、フォロワー増減数、エンゲージメント数、エンゲージメント率ダウンロード※ データには投稿ID, キャプション, LIKE数, コメント数の他、投稿日, 投稿URL, Reel再生数, Reel動画尺, スクリーンネーム, 名前, 自己紹介, フォロワー数, ユーザーURLが含まれます。 コンテンツをCSVでダウンロード
ランキング
人気のタグ
コンテンツ(投稿)一覧
キーワード調査
動画分析(YouTube)
PR案件
アカウント情報
お問い合わせ
- 
指定なし
