本日は、cssのチートシートをまとめました。 今後も順次追加予定です。 CSSチートシート css 詳細 備考 color 文字色 font-size 文字の大きさ font-weight 文字の太さ font-family フォント種類 letter-spacing 文字間隔 line-height 行間隔 background-colo…

本日は、HTMLとCSSを活用して、 簡単なTOPページの作成にあたりました！ デザインがめちゃめちゃ素人くさいですが、、、 学習サイトで勉強しているだけではなく。 １から作ってみる、ことで多くの知見を得ることができました。 特に、検索バーについては、以…

本日は、cssの「hober」「translateY()」を用いて、 ヘッダーへのアクションを追加してみました。 個人的にクリックアクションだと、１工程挟むので、 カーソル合わせるだけで簡単に参照できた方が使いやすいな、と思ったからです。 「translateY()」は、要…

本日、個人的に学んだことをアウトプットするべく、 まずは、ヘッダー部分を作成しました！ <header> <div class="header-logo">xxxx</div> <div class="header-list"> <ul> <li>新規登録</li> <li>ログイン</li> </ul> </div> </header> が！その途中で、気になる余白がいるんです。 私は、cssで指定していないのに。。。 そこで調べてみると、 なんと！chromeにはデフォ…

本日は、javascriptで要素追加を実施しました！ 私の中では結構感動しまして、 このような形でアプリケーションの実行がされているのかと納得しました。 簡単な実装、かつ、フロント部分しか見てないですが。 ここにバックエンド処理が加わると色々世界が広…

本日は、HTML+CSS+Javascript入門！2回目となります！ 今回は、javascriptでクリックイベントと、 cssのアニメーションでコードを書いてみました。 動画の方が分かりやすいのですが、、、画像でご勘弁ください！ それでは早速いきましょう！ const ＝ 定数と…

今回は、HTML以外に「CSS」「Javascript」も学習しました。 CSS = Webページのデザインを指定する言語 Javascript = Webページへの動きをつける言語 現時点での私の認識は、上記ほどの乏しい認識です。 Javaとは全くの別物と言うことも今回初めて知りました…