コンテンツ種別写真動画複数枚｢#PR｣つき投稿 関連投稿国 指定なし 関連都道府県 指定なし 並び替え投稿日順 ライク数順 コメント数順 エンゲージメント率順HTML/CSS/デザインの勉強をしていると手が止まる瞬間がたくさんあって 「こんな時に質問できる人がいたら…😭」 と思うことありませんか？ そんな人のために カピバラ本の著者が【質問・相談し放題＋添削】する 『カピキャン！Mentor's Room』 を始めます🌸 ▼詳細はこちら https://capycan.notion.site/HTML-CSS-Mentor-s-Room-6e976233a5fa46deac8fd48efb1a5bef ですが、インスタだとリンクにならないと思いますのでプロフィール欄にリンクがありますので是非ご覧ください🙏2026/03/07に公開- 指定なし0.09%150数年前に比べてこのアカウントと似たようなアカウントが増え、 このまま続けてもフォロワーの皆様の役に立つと思えなくなってしまったので アカウントの運用を少し見直し、前からやってみたいと思っていた ポッドキャストをはじめてみました😊 これまでのひとつひとつのキッチリと作りあげた投稿とは違い、 もう少しラフで緩い感じにして行きたいと思っています😆 また、少しインタラクティブな感じにできたらとも考えていますので、 是非、勉強のお供に聴いていただけたら嬉しいです🙏 ---------- URLを書いておきますが、リンクにならないと思いますので Spotifyなどで「カピぞうの寝言」で検索してみてください。 https://open.spotify.com/show/1uzai0TUDsQS9ZPcSXfrEw?si=de090b223e734cec 同じ内容をYouTubeでも配信しています。 https://www.youtube.com/@capyzou ---------- 更新情報はストーリーに流していきますが、 お聴きになる媒体でフォローなどしていただけると 通知が行くようになると思います。2026/03/07に公開- 指定なし0.1%160【ちょっとだけ役に立つ話】 𓃘 { デベロッパーツール使いこなし術 -出来ること編-𓈒𓏸𓐍 デベロッパーツールは、便利すぎて、、、🥺✨ もうこれなしではWeb制作ができないくらいになっています。 クライアントさんとのやりとりで、コーディング後に「ここをもう少しこうしたい」と言われることはよくあることです。 そういった場合も、直接デザインファイルを修正するのではなく 実際のページ上でデベロッパーツールでHTMLやCSSに手を加え その状態をキャプチャして提出することもよくあります。 また、既存サイトの修正業務など自分で1からコードを書いていないサイトについてもどこにCSSが書かれているのかなどがひと目でわかるので、 ソース単体では読み解きが難しい時に重宝します。 ガンガン使い倒しましょう💪 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨ ･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/12/17に公開- 指定なしhttps://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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.28%460【1日1分で学ぶCSS✨ padding】 CSSシリーズ、本日はpaddingです😆 marginと出来ることは似ていますが使い方が明確に違いますので、それぞれどの部分に適応されるのかを覚えましょう。 ショートハンドの書き方もなるべく覚えましょう。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨ ･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/12/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/HTML#HTMLhttps://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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.25%410【1日1分で学ぶHTML☘ a】 今回は <html>タグのご紹介です😆 一番最初に登場するはずの<html>タグです。 どんな書籍でも必ず紹介されるのに、詳しくは書かれない不遇なタグですね🙃 lang属性はきちんとjaを指定しないと、ブラウザによっては 違う言語のサイトだと解釈されてしまう恐れがあったりします。 これは、文書内の「初めの文章」が英字だったり、 外国語が多いサイトだったりすると、勘違いされたりする可能性があります。 <title>などは英字にすることもあるかと思いますので、注意しましょう。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/11/25に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.23%390【ちょっとだけ役に立つ話】 𓃘 { ショートカットキーが覚えられない！𓈒𓏸𓐍 今回はフォロワーさんから頂いたお悩みに対して答えてみました。 覚え方の補足です✎ ●英語の頭文字で覚える Ctrl(command)+Aは「すべて選択」のショートカットキーですが 「”A”LL」の頭文字で覚えます。 この理論で覚えられるのは Ctrl(command)+S（save) →保存 Ctrl(command)+F（find) → 検索 Ctrl(command)+P（print) → 印刷 などなどです。 ●ショートカットを仕分けする ショートカットは大きく分けて二種類あります。 ・PC（Windows / mac）のショートカット ・アプリケーションのショートカット まずはPCのショートカットから覚えましょう。 Ctrl（cmd） + S（Save） → 保存 Ctrl（cmd） + C（Copy） → コピー Ctrl（cmd） + X（Cut） → 切り取り Ctrl（cmd） + V（Paste） → 貼り付け Ctrl（cmd） + Z（Undo） → 操作を戻す Ctrl（cmd） + F（Find） → 検索する 上記6個はアプリケーション内でも基本的にそのまま踏襲されます。 ●ショートカットキーを自分仕様にカスタマイズする アプリケーションのショートカットキーは自分で変更できるものが多いです。 「よく使うのに、どうしても覚えられない」「いつも違うものを押してしまう」といった場合は、自分の指のクセにあわせてショートカットキー自体を変えてしまうのも手です。 実際に私もいくつか変えています😃 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/11/22に公開- 指定なしhttps://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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.16%270【1日1分で学ぶCSS✨ list-style】 CSSシリーズ本日は「list-style」です😆 list-style系の最後のプロパティ😆 今までのlist-styleをまとめるショートハンドです。 あまり使うことがないプロパティのショートハンドなので さらに使う機会が少ないですね…😥 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/11/20に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.1%170【1日1分で学ぶHTML☘ a】 今回は<a>タグのご紹介です😆 target="_blank"についての補足です✎ target="_blank"を指定する場合、 開いたリンク先からリンク元のページを操作できてしまうという脆弱性があり、 それを防ぐために「rel=”noopener”」を併記する必要がありましたが 主要なブラウザでは対応済みなので不要になりました。 また、target属性の値は、「_blank」以外にもありますが、 ほとんど使わないため割愛させていただきました🙏 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/11/18に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.26%430𓃘 { font-sizeの設定、pxとremどちらを使えばいい？𓈒𓏸𓐍 今回は過去にフォロワーさんから頂いた質問にお答えさせていただきました 結論はスライドの通り「どちらでも良い」ということになってしまうのですが今時はremから入る方がレスポンシブデザインの対応時に混乱しないかもしれません。 一点注意なのが、remを使う際によくroot要素（html要素）に62.5%を指定をして 1rem＝10px になるようにするテクニックがありますが、これはブラウザのデフォルトのフォントサイズを基準としているため、 ユーザーがブラウザの基準フォントサイズを変更すると、意図しない表示になる可能性もありますので気をつけましょう。 理想を言えば、ユーザーファーストでどんな環境でも齟齬なく閲覧できるようにできるのが良いですが、すべての環境への対応は現実的には難しい部分がありますよね 自分の中で対応する基準としない基準を持っておくと、悩むことが少なくなるかもしれません。 これは、ブレークポイントの設定やブラウザをどこまで対応するかといった点にも言えるかなと...。 レスポンシブデザインへの対応とユーザビリティの確保については様々なテクニックがありますので、少しずつ身につけていきましょう。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ Rumy{デザイン＆運用担当 Take｛技術面の監修担当 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/25に公開- 指定なしhttps://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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.34%561【1日1分で学ぶCSS✨ list-style-position】 CSSシリーズ本日は「list-style-position」です😆 list-style-positionを使う際の注意点です⚠ 値をinsideにし、li要素の中にブロック要素を入れた時、ブラウザによって表示の仕方が変わってしまうバグが残っています。 具体的には、マーカーとブロック要素が改行されて表示されてしまいます。 解消するにはブロック要素をインライン要素かインラインブロック要素にするなどの方法があります。 --- list系を書いていったら、前回もあまり使わないプロパティなのに、 今回もほぼ使わないマイナーなプロパティになってしまいました😅 本アカウントはHTML/CSSのポケット辞書みたいな形にしたいと思っているので マイナーなプロパティもお許しください・・・🥺 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/23に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.1%170【1日1分で学ぶHTML☘ dl】 今回は<dl>タグのご紹介です😆 使う人はたくさん使うけれど、使わない人はほとんど使わないタグかもしれず、仕様頻度の★の数は悩みました。 スライドにも書きましたが、 <dt>は description term（説明する用語） <dd>は description details（説明の詳細） の略です。 HTML4.01では「定義リスト」という名称でしたが、 HTML5より「説明リスト」に変わり、より広義の意味で使えるようになりました。 実務では、<dt>と<dd>をセットでCSSを適用したくなることがよくあります。 昔は、<dl>の中で<div>を使うことができなかったため、セットでの装飾が難しかったのですが、今は<dt>と<dd>をまとめて<div>でマークアップできるので、使い勝手がとてもよくなりました👏 <dl>を使うか、見出しを伴った<section>でマークアップするかはよく悩むところです🙃 項目名が見出しであるか、用語であるか、全体がリストと呼べるかどうかで判断すると良いでしょう。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/21に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.17%290【ちょっとだけ役に立つ話】 𓃘 { 元採用担当者が語る！Webデザイナーの面接ではどこを見ている？𓈒𓏸𓐍 いつもと趣向の違う投稿になります🙏 Instagramで、Webデザイナーになりたい！という投稿を拝見し、 中にはすごく実力があるように見受けられるのに 「○○ができないから、まだ就活は早い」と思われてる方が結構いそうだな〜と思いました。 なので、今回は経験則によるほんの一例でしかありませんが、 こういう会社＆採用基準もあるよ〜というご紹介です。 「Webデザイナーはコーディングができて当たり前。」という基準の会社も少なくないですが、あまりそういった言葉を一般化して鵜呑みにせずに、 さまざまな企業のニーズがあることを知ってほしいな〜という老婆心です😌 「コーディングがまだ全然できないから…」とせっかくいい募集があるのに二の足を踏んでしまっている方の背中を押せれば幸いです。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/19に公開- 指定なしhttps://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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.19%310【1日1分で学ぶCSS✨ list-style-image】 CSSシリーズ、本日はlist-style-imageプロパティです😆 list-style-imageを指定すると、前回ご紹介した「list-style-typeプロパティ」で表示されるマーカーを上書くように表示されます。 その際はlist-style-typeをnoneなどで一旦リセットせずとも、 list-style-imageだけでOKです。 便利そうに思える list-style-image ですが、サイズの変更などができず使い勝手がよくないため、実はあまり使われません😔 その昔、他の方法がなかった頃にはオシャレなリストにするために重宝されていました。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/16に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.14%230【1日1分で学ぶHTML☘ ul】 今回は<ul>タグのご紹介です😆 前回の<ol>タグと対比して覚えると分かりやすいかと思います。 ordered list(ol) ⇒ 順序関係があるリスト unordered list(ul) ⇒ 順序関係がないリスト 英語の接頭辞「un-」は「〜でない」「不〜」といった否定の意味を持ちます。 ラッキー（lucky）⇒ 運がいい アンラッキー（unlucky） ⇒ 不運 と同じ感じですね😄 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/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/HTML#HTMLhttps://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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.16%270【ちょっとだけ役に立つ話】𓃘 {会社によって変わる？Webデザイナーの役割𓈒𓏸𓐍 今回は私（Rumy)の経験談です。 Webデザイナーといっても実際にやっていることは企業によって本当にそれぞれだったりします。 企業規模 × 商材 × 既に会社にいる人のポジション（×今後の企業方針） といったファクターなどで変わってきます。 ・Webデザインだけをごりごり極めたい方 ・マーケもやりたい方 ・プロダクトに関わりたい方 ・Webデザイン以外にも色々やってみたい方 色々な方向性があると思いますので、 特に就職予定の方は、デザインとどういう関わり方をしてきたいかを一度考えてみても良いかなと思います。 例えばですが、色々なデザインをしてスキルを磨きたい！と思っているのに、プロダクトが1つしかない事業会社に入ってしまうと、デザインテイストの幅を広げる機会が少ないです。 こういうミスマッチは「Webデザイナー」という職種名だけで探してしまうと起きてしまう可能性があります。 私の場合は、放浪デザイナーをしてきてしまったので未だに「Webデザイナーです！」と胸を張って言えないのがコンプレックスです...。 最近はまぁこれも強みかと開き直ってます👧 浅く広くも一つの武器ではあります。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/12に公開- 指定なしhttps://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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.21%350【1日1分で学ぶCSS✨ list-style-type】 CSSシリーズ本日は、list-style-typeプロパティです😆 ulやolでのマークアップの際にリストの先頭にデフォルトでマークがつきますが、 細かいデザイン調整がしづらいため、noneで消されることがとても多いです😅 私たちはそもそも、リセットCSSで最初から非表示にしています。 （リセットCSSについてはまた今度お話しますね！） このマーカーは疑似要素扱いなので、::markerのセレクタで 色や大きさや太さを多少は変えることができます🙌 追記＊ 中級者以上向けになりますが、 list-style-type:none;を指定すると、特定の音声ブラウザでリストとみなされない場合があるそうです。 回避するためには、WAI-ARIA(ワイアリア)でHTMLの<ul>タグにrole="list"を、<li>タグにrole="listitem"を入れます。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/09に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.21%350【1日1分で学ぶHTML☘ ol】 今回は<ol>タグのご紹介です😆 リストという、とてもシンプルな意味のタグですが「順番に意味がある」リストに使う点だけ注意しましょう。 次回のHTMLでご紹介予定の「順番に意味を持たない」<ul>タグと対比して覚えると良いです🌸 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信しています ˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽HTMLシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分HTML ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ・････━━━━━━━━━━━━━････・ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/10/07に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.24%400【ちょっとだけ役に立つ話】 最初は「h1~h6、p、div、ul、li」あたりを使いこなせるようになりましょう💪 ul とは違うリストが出てきたら ol や dl を使いながら覚える。 ただの段落（p）ではなさそうな気がすると思ったら、他のタグを探してみる。 このように段階的に覚えていくと見につきやすいかもしれません。 タグは基本的に英単語の頭文字や省略形が使用されているので、英単語の意味から覚えるのもいいでしょう。 ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/07/26に公開- 指定なしhttps://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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.34%560【1日1分で学ぶCSS✨ background-repeat】 CSSシリーズbackground-repeatです😆 background-imageを指定すると初期値でくり返し表示されてしまうので、ひとつだけ表示したい時など、背景画像のくり返しを制御するのに使われるプロパティです。 background-imageで背景が指定されていないと無意味なのでセットで覚えてしまうといいでしょう☘ ⋆⸜・･･･これだけで基本がしっかり身につく html/css&webデザイン1冊目の本 発行部数6.4万部突破！✨･･･・⸝⋆ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ 本アカウントはコーディングを勉強中の Webデザイナー/フロントエンジニアの方向けに HTML＆CSSについて発信していますˊᗜˋ 👩 Rumy{デザイン＆運用担当 👨 Take｛技術面の監修担当 ▽CSSシリーズだけみたい方はこちらのハッシュタグで検索𖦊 #1日1分CSS ▽よろしければフォローもお願いします⸝⋆ @html_css_webdesign ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #Webデザイナー #Webデザイン勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナ #コーディング #模写コーディング #プログラミング女子 #フリーランスwebデザイナー2025/07/24に公開- 指定なし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/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/コーディング#コーディングhttps://www.instagram.com/explore/tags/模写コーディング#模写コーディングhttps://www.instagram.com/explore/tags/プログラミング女子#プログラミング女子https://www.instagram.com/explore/tags/フリーランスwebデザイナー#フリーランスwebデザイナー0.19%310【1日1分で学ぶHTML✨ main】 今回は<main>タグのご紹介です😆 ページの主要な部分全体を示すのによく使われます。 sectionやarticleなどを数多く含んだり、とても広範囲をマークアップすることが多いです。 ・････━━━━━━━━━━━━━････・ 本アカウントはコーディングを勉強中の 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デザイナー #マークアップ2025/07/22に公開- 指定なし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.23%3901234>次へ×インフルエンサーコンテンツCSVダウンロードフォロワー総数、フォロワー増減数、エンゲージメント数、エンゲージメント率ダウンロード※ データには投稿ID, キャプション, LIKE数, コメント数の他、投稿日, 投稿URL, Reel再生数, Reel動画尺, スクリーンネーム, 名前, 自己紹介, フォロワー数, ユーザーURLが含まれます。 コンテンツをCSVでダウンロード
ランキング
人気のタグ
コンテンツ(投稿)一覧
キーワード調査
動画分析(YouTube)
PR案件
アカウント情報
お問い合わせ
- 
指定なし
