昨日はdt/dlのmarginでひっかかったけど、親切に教えていただいてクリア。 教えて頂きありがとうございました。 今日は、リベンジを兼ねて、白紙状態から再度作成しました。 @meda前までは、完成した模様。 今日参考にしたサイト saruwakakun.com

今日は、9課までしか進まず。 html/cssと比べると、あきらかに進みが遅い。 まぁゆっくりやります。 きょう躓いたのは、この最後の行。 document.body.appenChild(div) この赤い部分は('div')と文字列で入力するのではないか？と考えたら止まってしまいまし…

code-step.com codestepの入門編２つ目「フォトサイト」をはじめました。 構成が難しくないように見えましたが、さすがにそうはいきません。 途中まで順調に進んできたのですが、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レッスンだけだったからね。 明日復習します。 そしていよいよ、『実践！アプリ紹介ページを作ろう』だ！ 楽しみです。

ドットインストール、あと変数編を残すのみとなっているのだけど、昨日までで終わったところで、いくつか理解が不確かなところがあるので、今日は前に進まず、いったん復習。 アニメーション レスポンシブデザイン グリッド 今朝は時間がなく、グリッドは途…

さて、グリッドデザイン編がおわりました。 おそらく慣れなんだと思いますが、見えないグリッドを頭の中で想像する必要があり、ちょっと頭の体操っぽいですね。

06 失敗しない「キーワード選定」３つのポイント 06-1 マーケティングの３Cを理解する 06-2 ビッグキーワード１語ではなく、ロングテールの複合ワードを狙え 06-3 ユーザーの検索意図を考えろ ユーザーは、なにがしたいのか？ 07 ツールを使って「キーワード…

ドットインストールグリッドデザイン編が佳境に入ってきました。 レッスンがさくさく進むのですが、ボックスの配置とコマンドのつながりが、どんどん増えてきていて、ちょっといっぱいっぱい。 あしたはちゃんと復習から入ろう。