HTML&CSS HTML、CSS、JavaScriptでマジックナビゲーションバーを作ろう【WEBチュートリアル】 こんにちは。かじです。 今回はHTML、CSS、JavaScriptでマジックナビゲーションバーを作成していきたいと思います。 下のようなものを作成していきたいと思います。 @import url(' * { margin: 0; pa... 2024.04.13 HTML&CSS
HTML&CSS Loading画面をCSSのAnimationを作って実装する【HTML&CSS】 こんにちは。かじです。 今回は、LoadingUIを作るチュートリアルを解説して、CSSのAnimationを解説していきたいと思います。 今回作成する成果物は下記のようになります。 @import url(' :root{ --crl... 2024.03.31 HTML&CSS
HTML&CSS CSSの疑似クラスnth-child()と謎の~(一般兄弟セレクタ)を使いこなす こんにちは。かじです。 今回は、CSSの疑似クラスnth-child()と謎の~である一般兄弟セレクタについて解説します。 1.疑似クラスとは 疑似クラスとは、特定の状態の時に適用するスタイリングになります。皆さんに一番馴染みのあるもの... 2024.03.30 HTML&CSS
HTML&CSS おしゃれなフォントを探すならGoogle Fonts APIを使おう【HTML&CSS】 こんにちは。かじです。 WebサイトやWebサービスを作ってるけど、なんか字体のデザインが作っているもののトンマナに合わないなという経験はありますでしょうか。 今回は、そんな方に向けてGoogle Fontsを紹介します。 1.Goog... 2024.03.23 HTML&CSS
HTML&CSS CSSで変数を使用する – rootの使い方 -【CSS入門】 0.はじめに こんにちは。かじです。 個人的にプログラミングを始めてから、HTMLとCSSを少しサボってきたので、これからしっかり向かい合っていきたいなと思い、その第一弾になります。 今回はCSSのrootの使い方について解説してい... 2024.03.20 HTML&CSS
HTML&CSS 【WEB開発入門-HTML&CSS講座vol.1】 タグについて(初学者向け) 今回はHTML&CSSについて解説していきます。 今後WEB開発について勉強していく上で、フロントエンド、バックエンド関わらず必須の知識になります。 フロントエンドであれば、HTMLの要素を加工したり、CSSの要素を追加、削除することでWE... 2023.03.21 HTML&CSS