仕事終わりは集中力の維持が難しかったり、時間がみじかかったりで少ししか作業が進まないです。まぁでもゆっくり進めるしかないのだよ！

tableを始めて作ってみました。なかなか思うように表現されず。猛烈な眠気で簡単な表も作成できなかったのが悔しかったので明日はさくっと仕上げてページ完成させたい！着実にコードを書き進める事はできているけど、もう少し早く進められるようになりたいな…

リンクにマウスを乗せると時間をかけて色が変わるというエフェクトを、transitionとhoverを使って表現できて喜んでいたのですが、ページの更新をするとなぜか一瞬文字が大きくなって、徐々に本来の文字サイズに戻る。なにこれ〜

一旦Airbnbの模写はお休みにしてプログラミングコミュニティの課題に取り組み始めました。各課題は難易度調整がうまくされていて、学習しやすそうです。

背景が途中まで薄いグレーになっていて途中から白い背景になっている。要素と要素の間から色が変わるんじゃなくて、要素の真ん中あたりで背景色が変わっているのはどうやって表現するんだろう。absoluteを使って背景を作るのかな？

模写ほんの少ししか進まなかったけど毎日やる事が大事だからとりあえずの及第点という事で満足してぐっすり寝たいと思います。自分に甘いやつ。

Airbnbの模写、概要のページは模写ある程度できたから準備のページに。同じようなところはコピペで必要な箇所修正した方が早いと思うのですが、練習のために１から書き始めています。いろんな書き方を試しつつ、１から書き始めるのは気分がすっきりして楽し…

昨日は半ば諦めていた、『CSSのみで要素を上下逆にする』という方法をGoogle先生に教えてもらってできるようになりました！ 親要素にdisplay: flex;とflex-direction: column;を指定しておいて、並べ替えたい要素にorder: 1,order: 2;と指定すると位置が綺麗…

コード上はテキストの下の画像があるけれども、画像を上に表示させてテキストを下に表示すると、画面幅を調整した時に縦幅が画像だけ拡大されてテキストに重なってしまう。position: relative;やabsolute;では解決できなさそうな。floatとclearを使えばでき…

特定のimgタグのwidthが反映されない。heightは反映される。ググってもこれといってwidthだけ反映されないケースは出てこない。時間がかなりかかりましたが、結局数行下でwidth: 100px;が指定されていたのでした。こういう凡ミスを繰り返して、この先簡単な…

position: absolute;を指定したらオブジェクトがどっか飛んでいっちゃう問題で悩まされていましたが、親要素にposition: relative;を指定すると親要素の中でレイアウトされるという事が分かってスッキリ。ドットインストールの動画で「親要素にposition: rel…

750px以下のスマホ用ページのCSSに入りました。今回はタブレット用ページのCSSを一旦すべてコピペして、そこから修正していくスタイルで進めようとしています。手探りで色々とやってると学習効率は悪いかもしれませんが、楽しいです。

とりあえずタブレットサイズのCSSを下まで進めたものの今進めている概要以外のページの事を考えると少し愕然としつつ。やはりコーディングしつつもプラスアルファで勉強も続けないと幅は広がらないですよね。今はとりあえずアウトプットが新鮮で勉強になって…

シンプルなサイトの模写にどれだけ時間がかかっているんだという感じですがタブレットサイズの模写が終盤にさしかかっております。今度の休日はしっかり時間使ってコード書きこむぞ！

ぐぬぬ。レスポンシブ苦戦。タブレット表示とPC表示でガラッとレイアウトを変えたい時はHTMLもいじりたくなる。でもHTMLをいじると他の画面サイズのレイアウトがぐちゃぐちゃになってしまう...とりあえず今日は寝ますzzz

レスポンシブ、bootstrapがよくわからないからブレークポイント毎に一からCSSを書き直すという力技を行っているのですが、合っている気がしない。でもCSS書く練習になるし、先に進めずに手を止めちゃうくらいならと押し通しています。完全に独学は進むのは遅…

模写を少し進めました。Airbnbのサイトは本当にシンプルに作ってあるんだなと模写をしていると感じます。他のサイトは作れないけどAirbnbのサイトならある程度真似できる。それでも表現の方法がわからないところはいくつかあるのですが。

模写を。今日はなんだか眠くて少ししか進められませんでした。明日は休日だから少し多めに取り組みたい。

今日は本業の事務のお仕事が暇で自社webサイトの模写を無駄に行ってました。今日みたいに激しく暇な時間ができる事はそうそう無いのでサボっちゃってもたまにはいいですよね！

レスポンシブ的な意味でまた一からCSSを書き始めたわけですがコードを書いていくのはテキストや動画だけ見て頭で理解しようとしているより楽しいです。意図したレイアウトがうまく反映されない時は絶望しますけどね。

うーむ。レスポンシブ取り掛かり始めましたがかなり時間がかかりそう。もっと効率の良い方法がありそうですが。地道に進めて見ようとおもいます。

レスポンシブの動画でおさらい。時間の都合上コードを書くにはいたりませんでしたが明日から始めよう。一度作ったレイアウトから微調整みたいなノリでいけたらいいけど、丸ごと作り直す羽目になりそう。どっちにしろとりあえずコードを実際に書いて体験して…

レスポンシブの勉強しようと思ったらレスポンシブにたどり着く事なく終わる。一度見た動画のはずなのに聞いた覚えのない単語ばっかり出てくる...定期的に見直すといいかもしれませんね！

オブジェクトを上に動かした時にできる余白をmargin-bottomをマイナスに指定する事で削減する事に成功しました。自分でググって解決するという小さい成功体験ができたようで嬉しい。さぁこっからレスポンシブとのはじまりだ...

模写の細かいところの手直し。細かいところ見てるとまだまだやり方がわからない事がたくさん。まだまだお金かせぎができるまでは時間がかかりそうだな〜。

position:relativeを入れるとオブジェクトの移動が簡単！毎回position: absoluteで１から場所の指定をしてたけど、環境変わったりしたらレイアウト崩れやすそうな感じがしてたから良い方法が見つかってよかった。と思ったけど本来オブジェクトがあるべき場所…

模写を進める。微調整とかしてるとすぐ時間が経ってしまいます。毎日少ししか進まないですがまぁそれも良きですね。

模写を進めるだけの簡単なお仕事。作業が遅くてなかなか進まないんですけど。ヘッダー辺りを作っている時はいつになったら終わるんだと途方に暮れていましたが、Airbnbのサイトはトップメニュー辺り以降はシンプルなテキストだけのページで初心者の練習にぴ…

今日も相変わらず模写。今日はひっかかるところもなく、ひたすらテキストの部分のコードを書くだけの作業の１日でした。下に進むにつれてコードを書くのに少しづつ慣れていく感覚はありますが、まだまだ重複して同じようなコードを書いている部分も多く無駄…

相変わらず模写。テキストだけで簡単なところは初歩的ですが、コードを書き慣れていない自分としては学ぶ所が多いです。一通りコード書き終わってからレスポンシブ化の作業が始まると思ったらぞっとする作業量ですが慣れてきたら効率良くささっと終わらせら…