#01「iSara」模写コーディング / HTML CSS

iSara（イサラ）の模写コーディング動画です😊♪ サイトボリュームが結構あるので、少しづつ進めていきたいと思います❗️ ■ パート1： この動画 ■ パート2： https://youtu.be/tX0fYElttNQ ■ パート3： https://youtu.be/uT9wxEgQ1VA 🎥 この動画の構成 🎥 00:00　iSara（イサラ）模写コーディング 00:13　iSaraとは？ 00:22　今回の模写コーディングについて 00:30　1. 極力すべての工程を上げていく 00:45　2. SASSを使用する 01:07　3. VSCodeを使用する 01:26　4. モダンなコードを使用 01:56　模写コーディングスタート 02:06　基本ファイルの作成 03:38　「Live Sass Compiler」でSASSをコンパイル 04:55　「Live Server」コードのリアルタイム反映 05:52　CSS reset （ブラウザスタイルの打ち消し） 06:36　scssファイルを分割 08:04　全体の構成から進めていく 09:16　.container（サイトの横幅） 10:29　header（ヘッダー） 11:29　logo ロゴ（svg）ファイルの作成 15:12　ボタンの作成 18:49　メインビジュアル 23:26　em（単位）の説明 24:01　背景画像をfigmaで作る ✅ ご視聴いただきありがとうございます🙇‍♂️ この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️ 👇『HIROCODE.ヒロコード』をチャンネル登録する 👇 http://www.youtube.com/hirocode?sub_confirmation=1 ◆ Twitter. ツイッター https://twitter.com/hirocodeweb ◆ Instagram. インスタグラム 👈 オススメ❗️ https://www.instagram.com/hirocodeweb/ ◆ ROOM. 楽天ルーム https://room.rakuten.co.jp/hirocode/ 🔋 僕が使っている、おすすめのデバイス 🔋（アフィリエイト広告を使ってます！） 【 マウス 】 ✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3 https://amzn.to/34Zn5LH " ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 " 【 キーボード 】 ✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS https://amzn.to/38S1B4i " 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 " 【 パソコン 】 ✅ Apple Macbook Pro 16inch https://amzn.to/2WXKtEN " 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 " 【 周辺機器 】 ✅ Apple AirPods Pro https://amzn.to/3rAyU4u " カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。 ✅ Apple iPad Pro 11インチ https://amzn.to/3mZuvoo " macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 " 📕 おすすめ書籍 📕 【 デザイン 基礎編 】 ✅ 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座 https://amzn.to/3o8vofO " webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 " ✅ なるほどデザイン https://amzn.to/2X48Z77 " デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 " 【 デザイン 思考編 】 ✅ 誰のためのデザイン？ https://amzn.to/3o4gzun " デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 " ✅ IAシンキング Web制作者・担当者のためのIA思考術 https://amzn.to/2KETvEn " デザイン以前のサイト設計における思考の方法を身につけるための一冊。 " 【 書籍デバイス 】 ✅ キンドルペーパーホワイト Kindle Paperwhite https://amzn.to/3n2AwRh " 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。 🎧 BGM 🎧 ---------------------------------------------------------- Music Title: Happy And Joyful Children Music Link: https://youtu.be/lv1YPeP1O8k ---------------------------------------------------------- #模写コーディング #htmltutorial #css