マガジンのカバー画像

30DAYSトライアル

7
8月1日から30DAYSトライアルはじめました☀️
運営しているクリエイター

記事一覧

『Day11』 #記録メモ

実施日:Day11:2019.08.25 ◆Day11の内容 ドットインストール『Bootstrap 4入門』講座の第9回目まで ※Bootstrap 4入門の途中から有料コース ◆DAY11をやってみての感想 そもそもBootstrapとは・・・ スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワーク。 ▷スタイルシートをわざわざ用意する必要はなく、HTML上にBootstrap であらか

『Day8&Day9』 #記録メモ

実施日:Day8::2019.08.13 & Day9:2019.08.13・08.16 Day8&Day9の内容  DAY8.『エディタをインストールしよう』 DAY9.『基本のショートカットを覚えよう+ファイルパスを理解しよう』 ・DAY8をやってみての感想 エディタのインストール+オススメの拡張プラグインを入れる+Emmetを理解する →とにかくEmmetが便利すぎる、、、。 dbの2文字をtabで展開したらdisplay: block; って出てきたり、fz13

ドットインストールの『Emmet入門』メモ

ドットインストールの『Emmet入門』で やったことをここでメモしておきます。 →無料範囲のレッスンです! <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

『Day6&Day7』 #記録メモ

実施日:2019.08.07 Day6 & 2019.08.09 Day7 ・Day6&Day7の内容 DAY6. 『Progate HTML & CSS 初級・中級道場コース』 DAY7. 『Progate HTML & CSS 上級道場コース』 ・やってみての感想DAY6.7ともに、自分でノートにデザインラフ・カンプを簡単に書いて、class名やタグなど書けることを全て紙に書き込んでから、始めてみた! ▶︎紙に書くことで ✔︎全体の把握が出来ていつでも見る事ができる

『Day5』 #記録メモ

・Day5の内容 『Progate HTML & CSS 上級編』-レスポンシブデザインを学ぼう- ・やってみての感想 レスポンシブ対応は、個人的に制作しているWebでうまく適用できないことがあり、苦手意識があったので、ちゃんとProgateで1から学ぶことができて良かった! 〜ポイントメモ〜◆メディアクエリとは? プラウザの画面サイズに応じてCSSのスタイルを設定できる手法 ◆メディアクエリの書き方 @media(条件){.....} ⚠️(条件)の部分の最後に;(セ

『Day3&Day4』 #記録メモ

実施日:2019.08.02 Day3 +4章まで &2019.08.03 Day3 +5章〜7章 ・Day3&Day4の内容  DAY3.『Progate HTML & CSS 中級編(3章まで)』 DAY4.『Progate HTML & CSS 中級編(7章まで)』 ・やってみての感想 中級編も前に2回くらいやったことあったはずなのに、忘れかけているところがあって、何度かつまずいてしまった......。Day6の道場コースやる前にも復習した方がよさそうだと感じた。

『Day1&Day2』 #記録メモ

実施日:2019.08.01 ・Day1&Day2の内容  DAY1.『Progate HTML & CSS 初級編(4章まで)』 DAY2.『Progate HTML & CSS 初級編(7章まで)』 ・やってみての感想 HTML & CSS 初級編に関しては、6周目くらいの実践だったのでスラスラ進めることができた!Progateの説明はわかりやすいから、基礎復習として、これからも何度も実践していきたい。 〜ポイントメモ〜・classにCSSを指定する際の注意点