何回かトライして、なかなか完成しなかったFlexbox Froggy完成した! flexboxfroggy.com
forは感覚的につかめるのですが、whileはもはや言語ですね。 hp -=15を先に書いてしまうと、うまく動かないんだな。そっちのほうが感覚的に理解できるのだけどな。 バッククオートって、はじめて使った。 https://wa3.i-3-i.info/word11728.html
課題1については、「歯が立たない」ということはなく、「なんとなくできる」というかんじ。 課題は2つ 画像のborder-radiusがぎこちなく、理由がわからなかったのですが、模範解答にあるbody全体へのclassにmax-with1400とあり、それをつけたらキレイな輪…
今朝は、16課まで来ました。 ifを使った構文 条件演算子 論理演算子 swtich構文 だんだん、ややこしくなってきました。
今日は夕方、どうしてもコーディングがしたくて、codebiginの課題1に取り組み始めました。 本当ならTeckCamp終わらせてからと思っていたのですが、できるだけはやくいろいろなサイトのコーディング体験をしたいと思っています。 今日はいつものように、いっ…
codebiginで指定されているテックキャンプのCSS講座を見進めています。 Position ablsoulteとrelativeは、以前からあやふやだったので、この機会に復習しました。 起点がどこか、ということはわかりましたよ。 このサイトの説明が、わかりやすかったです。 u…
#codebiginの課程でもあるので、テックアカデミーの「はじめてのCSS入門講座」を見ています。 個人的には、まったくゼロの知識でこれを見ても、次のステップに進むには時間がかかるような気がします。 私は、事前にドットインストールのhtml/cssを見終わって…
今日は、基礎文法編26課のうち12課まで来ました。 全体的に、演算をJavaScriptでどう表現するか?というシリーズ。 まだこれくらいの算数ならついていける。
www.youtube.com codestepの入門編にありました、「フォトサイト」を作ってみました。 なにも見ないで作れるはずはなく、 とりあえず自力で作ってみる 解答を見て、理解する もう一度自力で作ってみる の順に作業をしています。 前回の「プロフィールサイト…
今日は前半、「はじめてのJavaScript」を復習していたのですが、ミスタイプが多くて動かなかったので、めげそうになりました。 間違いが多いのは、 セミコロンが抜けてる 大文字と小文字 コピペミス 今日救われたのは、「つまづいたら、デベロッパーツールに…
この世界では有名なマナブさんが作った、初心者向け3ヶ月コーディングオンライサロン(勝手に命名)codebiginに入会しました。 ドットインストールは、html/cssが終わって現在JavaScriptに入りました。これはこのまま継続する予定。 とともに、html/cssはド…
昨日はdt/dlのmarginでひっかかったけど、親切に教えていただいてクリア。 教えて頂きありがとうございました。 今日は、リベンジを兼ねて、白紙状態から再度作成しました。 @meda前までは、完成した模様。 今日参考にしたサイト saruwakakun.com
今日は、9課までしか進まず。 html/cssと比べると、あきらかに進みが遅い。 まぁゆっくりやります。 きょう躓いたのは、この最後の行。 document.body.appenChild(div) この赤い部分は('div')と文字列で入力するのではないか?と考えたら止まってしまいまし…
code-step.com codestepの入門編2つ目「フォトサイト」をはじめました。 構成が難しくないように見えましたが、さすがにそうはいきません。 途中まで順調に進んできたのですが、dd/dlで挫折しました。 お手本では、こういうサイトができあがるはず、なので…
ふむふむ。 なにやら複雑だね。 documentでgetするのは、cssに紐付けられたhtmlということかな。 classlistでaddするのは、htmlにつながっていないcssでいいんだね。 ひとつづつすすめる。
この本すごい。僕が今欲しがってる「ランディングページをスラスラ書ける 」というスキルにこの本はもってこいです。 こんなに具体的にコピーライティングについて説明した本は見たことがないです。 私の中で聖書のような本になりそうです。 10倍売れるWebコ…
www.youtube.com 今朝このブログの記事にしたcodestepさんの入門コーディングが楽しかったので、午後もう一つやってみました。 これはドットインストールの「実践!アプリ紹介ページを作ろう」という授業のものです。 dotinstall.com 荒削りなこともなんとな…
www.youtube.com #codestep入門編、土曜日から始めて今日なにも見なくても、ここまで来ました。 人に見せられるレベルではないのですが、記念に?上げておきます。 どちらかというと完璧主義なので、土曜日はまったくできずに落ち込みましたが、ざっくり感を…
むむむ。 言われたままに書いているけど、なんだかわからぬ。 これは、数回見る必要ありだ。
こちらのサイトの模写を行っています。3日目。 code-step.com 自分でイチからコードを書くことが初体験なので、sectionごとに 1回目に写経をして 2回目に自分で書けるとこまで書いてみて 3回目に答え合わせと新しい知識の学習 という流れでやっています。 今…
さて、基礎からできていないので、今日から正解を模写していきます。 idのつけかたやsectionのつけかたにコツがあるのですね。 なぁるほど!の連続です。 今日はmainvisualまでしか終わりませんでした。 今日の不明点(1) この指定をすると、navの位置が上…
codestepの「入門編」を、まずはみようみまねでやってみました。 ドットインストールのhtml/cssをやっただけですから、どうせできなくて当然、と開き直ってみました。 1時間半かかって、ようやく@keyframe前まできました。 けど、わかっていないこともどんど…
こちらのサイトが、とてもていねいに書かれているので、参考にさせていただきます。 code-step.com 模写ルール フォトの種類やカラーにはこだわらない。→ディベロッパーツールで調べてもいいが、細かいところはあわせなくてもよい 細かいマージンやパディン…
さて、今日をもって、ドットインストールのhtml/cssはいったん終了です。 理解はしているけど、まだまだ血となり肉となり、とはいきません。 ここからが勝負ですね。
さて、第3章をまとめていきます。 16:1ページ=1キーワードで書く 17:タイトルタグとディスクリプションタグを最適化する 18:見出しタグの書き方をマスターする 19:総論→各論→結論でロジカルに書く 20:パラグラフ・ライティングをマスターする 21:パラ…
全体的に、いままで習ってきたことなので、大きく迷うことなく進みました。 blockなのかinlineなのかという感覚がつかめておらず、なんで縦並びになるの?という疑問が解けませんでした。<a><img>ともにinline要素だという説明を読み、なるほどとおもったところです。</a>…
昨日、Twitterでこんな書き込みを見つけました。 この隙間を消す方法をご存知の方、ご教授頂けませんか??CSSコピペしてるので自分じゃわからなくて… #ブログ初心者 #CSS #webデザイン pic.twitter.com/TmFyqihWmm — みう*ブログ初心者 (@miuppblogak) May …
さて、html/cssの学習が一通りおわって、今日からは『実践!アプリ紹介ページを作ろう』です。 今までの学習がどこまでマスターされているか、確認していきます。 #1-#3は、いまのところOK。
CSS変数最終形 今日はCSS変数編に入ったのだけど、「できる」ではなく「理解」というレベルでは一旦全部終了。 7レッスンだけだったからね。 明日復習します。 そしていよいよ、『実践!アプリ紹介ページを作ろう』だ! 楽しみです。
ドットインストール、あと変数編を残すのみとなっているのだけど、昨日までで終わったところで、いくつか理解が不確かなところがあるので、今日は前に進まず、いったん復習。 アニメーション レスポンシブデザイン グリッド 今朝は時間がなく、グリッドは途…