プログラミング初心者でも作れるかっこいいCSS Effect

好きなこと・モノ
スポンサーリンク

どうも!なおパパです。

サイト模写に飽きたのでかっこいいHPデザイン作りたい!と思いYoutubeの動画を真似して作りました。

 

スポンサーリンク

参考にした動画

こちらの動画を参考にしてコードを書いてみました。

Youtubeは一時停止したあとに画面をカーソルの→、←を押すと5秒単位で早送り、巻き戻しをすることができます。

 

コマ送りにしてゆっくりコードを書いていけばOK作れます。

 

エディタはVisual Studio Codeを使いました。

 

Visual Studio Codeは

・色がみやすい

・tab補完がある

という点で非常に使い勝手がいいです。

 

Visual Studio Codeをダウンロードしたら動画をみながら同じようにコードを書きましょう。

 

ドットインストールのhtml,cssの無料のところが終わっていればいけます。

自分でさえもいけました。

 

もし、CSSファイル?なにそれ?みたいならドットインストールの無料コースだけパパッとやってしまうのがいいと思います。

 

 

とりあえず何か1個でも作れればやる気がまたでる

勉強してると詰んでしまいやる気がなくなり離脱してしまいます。

たまには息抜き程度になにか作ってみるのもいいかも。

 

遊び心でつくるのがいいと思います。

 

あとは自分が、かっこいいとか思えるものと作ったほうがいいかもしれません。

 

自分自身もちょっとオシャレなの作ってみたいという動機で着手しましたのでそんなんでもいいんじゃないでしょうか。

 

いつどこで、なにが役にたつかわからないので遊び感覚でやってみるといいでしょう。