↓↓↓模写ソースコード配布中！↓↓↓
著作者の方にご快諾いただき、模写ソースコードの配布を開始しました！
下記よりダウンロード（zipファイル）の上、是非学習にご活用ください。
https://webgodweb.com/download.php?youtube=OnkZv78HMGY
※画像ファイルは含めていないので、元サイトよりご自身で準備をお願いいたします。
知る人ぞ知る、模写コーディングの登竜門「iSara」の模写コーディング実践シリーズ！
今回から継続して少しずつ模写コーディングに取り組んでいき、お手本サイトの完成を目指します。是非、皆さんも一緒に挑戦してみてください♪
〈目次〉
・オープニング 0:00
①サイト選び 1:01
②スクリーンショットを撮る 3:11
③テキストを抽出する 7:54
④画像を抽出する 9:26
⑤HTML編集 12:22
マークアップ ※※3倍速※※ 16:37
マークアップについて説明 19:50
⑥CSS編集 21:19
・まとめ 1:27:40
=== 次回以降の動画はコチラ ===
【超入門】実践！「iSara」模写コーディングをやってみた② 【HTML・CSS コーディング】
https://youtu.be/1POssr40n8I
【超入門】「iSara」模写コーディングをやってみた③ Font Awesome読み込み方法【HTML・CSS コーディング】
https://youtu.be/ztMAxJsXPnY
===========================
【iSara】
https://isara.life/
・リセットCSS
【HTML5 Reset Stylesheet | HTML5 Doctor】
http://html5doctor.com/html-5-reset-stylesheet/
★動画内で使用している主なショートカットキーについて
下記動画で詳しく紹介していますので、効率的な模写コーディングのお供に是非ご覧ください。
【超入門】作業効率爆上がり！必ず覚えておきたい超絶便利ショートカット【HTML・CSS コーディング】
https://www.youtube.com/watch?v=2Egsijek-aM&t=14s
★模写コーディング動画シリーズ
【超入門】初心者向け 模写コーディング！オススメのやり方とポイント【HTML・CSS コーディング】
https://www.youtube.com/watch?v=OH1X09Ilu9E
【超入門】初心者必見！模写コーディングをやってみた 実践編【HTML・CSS コーディング】
https://www.youtube.com/watch?v=RBLkXAG4QTM
【超入門】初心者必見！模写コーディングをやってみた 実践編 Part2【HTML・CSS コーディング】
https://www.youtube.com/watch?v=KH-lN82sf7I&t=29s
【超入門】初心者必見！模写コーディングをやってみた 実践編 Part3 レスポンシブデザイン編【HTML・CSS コーディング】
https://www.youtube.com/watch?v=oGV1dmomUP0&t=5428s
--- Webの神様 ---
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです！
【タグ】
#コーディング #プログラミング
【SNS】
--- Twitter ---
https://twitter.com/webgodweb
--- Facebook ---
https://www.facebook.com/webgodweb/
【運営会社】
株式会社カラフルクローバー
https://www.colorful-clover.co.jp/
★★★「Webの神様」メンタープランのご案内★★★
ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です！
【お知らせ動画】
「Webの神様」があなたのメンターになります
https://youtu.be/pJfpEVjAdqk
【プランの詳細・お申し込み（MENTA）】
https://menta.work/plan/5148
未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます！
是非ともご検討いただければ幸いです。
★★★★★★★★★★★★★★★★★★★★★★★