見出し画像

【WEBデザイン勉強の記録36】Code Pen大活躍!

今回主に学んだこと
・アニメーション
・グリッドレイアウト

今回もホームページ制作の応用編。応用編だけあってデザインがこだわっていて見た目はオシャレですがコーディングが複雑そうなかんじでした。

でも実際やってみるとそうでもなかったです。
今回主に入れたエフェクトはアニメーション、マウスホーバーしたときに画像が動く仕組み、グリッドレイアウト。
グリッドレイアウトとはマス目にそって画像をいくつか配置する…と言えばいいんでしょうか?説明が難しいですが複数の画像をおしゃれに配置する…みたいな感じです。

実際にWEBサイトのページをつくるまえにCode Penという練習できるサイトで実験!!グリッドレイアウトのほかに吹き出しをつくったりもしました。
Code Penなら打ったコードをブラウザでいちいち確認しなくても同じ画面で確認できるのでとても便利です。自習の時とか実験したいときとかオススメです。

あと今日はそのほかにjQueryも少しだけ出てきましたが、今はその学習ではないので説明は簡単な内容で終わってしまいました。Java Scriptなども学ばなくてはいけないのですが、応用編に入ってから教材の進みが遅いのでYouTubeなどで予習しておこうと思います。通勤中とか時間ありますしね。ちなみにYouTubeはプレミアムに入っているので動画をダウンロードしてオフラインでみることができます。というか広告多すぎてうざかったので入りました。

Java Scriptはプログラミングの範囲ですよね?私はもう転職活動をしていてWEBデザインのほかに未経験のエンジニアも受けてみようと思っています。
まぁ、WEBデザインのほうが今の知識だけでできるし、今の学習が楽しいからなぁ…。でも年収の面ではエンジニアかな…って今迷っても意味ねー。
ということで5月も頑張ります。

この記事が気に入ったらサポートをしてみませんか?