コンテンツ種別写真動画複数枚｢#PR｣つき投稿 関連投稿国 指定なし 関連都道府県 指定なし 並び替え投稿日順 ライク数順 コメント数順 エンゲージメント率順 ×アカウント未登録では最新の動画100件のみ閲覧可能です。【1日1分で学ぶCSS✨ position】 CSSシリーズpositionプロパティです😆 スライドでは詳細を説明できなかったstickyという値ですが、これだけで1記事つくれてしまうようなキーワードになるため細かい仕様部分には触れませんが「指定した要素に一番近いスクロールする祖先要素」に粘着するという性質があります。 画面をスクロールした時に途中から登場したバナーがその後スクロールに追従して表示され続けるというような表現をしたい場合に使われます。 ※IEは非対応です。 ⋆⸜・･･･書籍がAmazonで品切れ中です😢･･･・⸝⋆ ありがたいことに単行本版がAmazonにて品切れ中です。 次回入荷は12月5日頃を予定しております🙏 ▼ネット販売では本日の時点で以下ショップには在庫ありです◎ 楽天ブックス / 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/11/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.22%2030【1日1分で学ぶHTML✨ details/summary】 今回は<details>と<summary>タグのご紹介です😆 セレクタで[open]や:hoverを指定し、animationプロパティを丁寧に設定するとJavaScriptを使用せずとも綺麗な開閉アニメーションつきの折りたたみインターフェイスが実現可能です☘️ 三角形のアイコンは::markerという疑似要素で付与されていますが、::markerは一部のCSSプロパティしか利用できないため、別途::beforeなどの疑似要素や、background-imageなどでアイコンをつける方が扱いやすいです🙆 ⋆⸜・･･･書籍がAmazonで品切れ中です😢･･･・⸝⋆ ありがたいことに単行本版がAmazonにて品切れ中です。 次回入荷は12月5日頃を予定しております🙏 ▼ネット販売では本日の時点で以下ショップには在庫ありです◎ 楽天ブックス / honto / yodobashi 書店さんでも大きめの店舗であれば在庫があるケースが多いと思います☺️ （全書店は把握できないため具体的に店舗名を申し上げられず申し訳ございません） ※Amazon限定の早期特典は11月22日をもって終了したため、 今後はどちらでご購入頂いても同じとなります👌 ▼こちらの特設サイトで本の特典紹介・試し読みなどができます 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/11/23に公開- 指定なし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/マークアップ#マークアップhttps://www.instagram.com/explore/tags/大人の勉強垢#大人の勉強垢https://www.instagram.com/explore/tags/主婦の勉強垢#主婦の勉強垢1.01%1680【現役エンジニアのちょっと役に立つかもしれない話】 𓃘 { CSS編！“キレイなコード“ってなに？𓈒𓏸𓐍 前回はHTML編でしたが、今回はCSS編で「キレイなコードって何？」を書いてみました😊 「キレイなコード」は前回の投稿本文でも書いた通り利点がありますが、初学のうちは気にしすぎると手が止まり、学習の妨げになることもあります。 最初のうちは、あまり細かくなりすぎずにたくさんのコードを書くことに集中するのが良いと思います🙆♀️ よりスマートなCSSを書くという行為は「CSS設計」という領域になってきます。 複数ページあるサイトのコーディングや複数人でのコーディングが必要になってきた時に集中的に学ぶ方が効率が良いのではと思います👌 ⋆⸜・･･･早期特典終了まであと5日！･･･・⸝⋆ 🎊おかげさまでAmazon Web作成・開発総合ベストセラー1位を獲得！ Web構築・管理部門、Webデザイン部門、Webプログラミング部門、ホームページ入門書すべて1位にランクインしました🎉 みなさんのおかげです。本当に本当にありがとうございます！！ ▼こちらの特設サイトで本の特典紹介・試し読みなどができます https://firstbook.capybara-design.com/ プロフィールの下にもリンクあります👀 通常の特典に加え早期購入特典（11月22日までにAmazonで紙書籍を購入の方のみ）もあります🙏 コーディングを勉強中の方、ご縁がありましたら手にとって頂けると とっっっても嬉しいです！ ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #CSS #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #web制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #大人の勉強垢 #主婦の勉強垢2021/11/17に公開- 指定なし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.91%1520／ 書籍の中身をチラ見せ👀 𓃘 {本の特徴編 ＼ 今回は本の特徴のご紹介です🌸 画像には書ききれなかった点として、以下の2点もあります。 ☑ "新"標準の仕様であるHTML Living Standardに準拠 安心して学習してください☺ ☑イマの技術も学べる Flexbox・CSSグリッド・CSSアニメーションもしっかり学べます💪 レスポンシブデザインについてはPartごとにあえて 「PCから作るパターン」、「スマホからつくるパターン」と2通り学べるようにしました。 「モバイルファーストが主流になってきている」とはいえど、実務ではPCから作成することもまだまだ多いからです。 また、PCバージョンのコーディングから習得するのでPC→モバイルの方が初めは感覚を掴みやすいです🙆♀️ とはいえ、モバイルファーストの利点もありますので、2通り体験してもらえるようにしました🍀 発売までもうすぐ1週間でドキドキ＆ビクビク（メンタル弱い）しておりますが 必要としてくださる方の元に届いたら嬉しいですっ🥰 「これだけで基本がしっかり身につく HTML&CSS&Webデザイン1冊目の本」 （長いので #1冊目の本 って読んでください🐳） 🔻🔻ご予約はコチラ🔻🔻 https://www.amazon.co.jp/dp/4798170119/ ▶️プロフィールトップにもURLを載せています2021/10/06に公開- 指定なしhttps://www.instagram.com/explore/tags/1冊目の本#1冊目の本0.73%11012／ 書籍の中身をチラ見せ👀 𓃘 {特典編 ＼ 今回は書籍を購入するとついてくる『4つの特典』のご紹介です🌸 画像にも書きましたが私的にはオマケ感は一切なく、書籍とセットで使っていただくことで学びが充足すると思っています☺️ ぜひご活用いただければ嬉しいです。 ※ダウンロードには翔泳社IDの登録（無料）が必要になります。予めご承知おきください🙇♀️ また、早期購入してくれた方限定の特典、「HTMLスタータキット」と「バリアブルフォント実践編」についての詳細は、また今度ご紹介します🥰 みなさま素敵な週末をお過ごしください🌻 「これだけで基本がしっかり身につく HTML&CSS&Webデザイン1冊目の本」 （長いので #1冊目の本 って読んでください🐳） 🔻🔻ご予約はコチラ🔻🔻 https://www.amazon.co.jp/dp/4798170119/ ▶️プロフィールトップにもURLを載せています ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆2021/09/24に公開- 指定なしhttps://www.instagram.com/explore/tags/1冊目の本#1冊目の本0.66%1037／ 書籍の中身をチラ見せ👀 𓃘 {デザイン編 ＼ 今回は書籍で実際につくるWebサイトのデザイン紹介です🌸 「どうせ作るならワクワクするデザインがいいな〜」と自分なりに試行錯誤して作りました。 （学んでほしいプロパティを混ぜつつ、デザインをする難しさがわかりました 笑） デザインを見てもらうと分かると思いますが「すごくシンプルで組みやすいサイト」というワケではないです。 ☑️ 色々なプロパティに触れてほしい ☑️ 実務とかけ離れたサイトにはしたくない そんな想いがあるので、ある意味では1冊目の本っぽくない実務で使えそうなデザインにしました。 （でも説明はちゃんとしているので安心してくださいね🙆♀️） また、Webデザイナーになりたい！という方もたくさんいらっしゃると思います。 そのため書籍では以下のような解説をしている章もつくりました👌 +++++++ ・各サイトのデザインポイントを説明 ・Web制作のながれ ・Webデザインの基礎（ページ数は少ないですが...!） └レイアウト/色/フォント/Webならではのデザインについて +++++++ 本書を通してコーディングだけでなくWebデザインにも少し触れてもらえたら嬉しいです🥰 「これだけで基本がしっかり身につく HTML&CSS&Webデザイン1冊目の本」 （長いので #1冊目の本 って読んでください🐳） 🔻🔻ご予約はコチラ🔻🔻 https://www.amazon.co.jp/dp/4798170119/ ▶️プロフィールトップにもURLを載せています ⋆⸜・････━━━━━━━━━━━━━････・⸝⋆ #1日1分で学べるHTMLとCSS #HTML #css #Webデザイン #Webデザイナー #Webデザイン勉強中 #Webデザイナー勉強中 #Webデザイン勉強中の方と繋がりたい #Webデザイン初心者 #Webデザイナーになりたい #Webデザイン未経験 #Webデザイン初心者 #プログラミング初心者 #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #駆け出しデザイナー #hp制作 #ホームページ制作 #コーディング #コーダー #模写コーディング #プログラミング女子 #フリーランスwebデザイナー #書籍発売 #技術書2021/09/13に公開- 指定なしhttps://www.instagram.com/explore/tags/1冊目の本#1冊目の本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/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/書籍発売#書籍発売https://www.instagram.com/explore/tags/技術書#技術書0.72%1192<前へ1234×インフルエンサーコンテンツCSVダウンロードフォロワー総数、フォロワー増減数、エンゲージメント数、エンゲージメント率ダウンロード※ データには投稿ID, キャプション, LIKE数, コメント数の他、投稿日, 投稿URL, Reel再生数, Reel動画尺, スクリーンネーム, 名前, 自己紹介, フォロワー数, ユーザーURLが含まれます。 コンテンツをCSVでダウンロード
ランキング
人気のタグ
コンテンツ(投稿)一覧
キーワード調査
動画分析(YouTube)
PR案件
アカウント情報
お問い合わせ
- 
指定なし
