【CSS初心者向け】パララックス効果の作り方を丁寧に解説｜background-attachment・translateZで奥行きを演出 「スクロールすると背景がゆっくり動くおしゃれなサイトを作りたい」そんなときに使えるのが パララックス効果（Parallax Effect） です。 この...

パソコンを使い始めると、「フォルダ」と「ファイル」という言葉をよく耳にしますよね。でも、「何が違うの？」「どう使い分ければいいの？」と感じたことはありませんか？ この記事では、フォルダとファイルの違いを、初心者でもイメージしやすい「本棚と...

Visual Studio Code（以下、VS Code）は、世界中のプログラマーに愛されている無料のコードエディタです。しかし、初期設定では英語表示のため、初心者の方には少しハードルが高く感じられるかもしれません。 そこでおすすめなのが、「拡張機能（Extension...

【初心者向け】テキストとアイコンがズレる原因と解決方法｜align-itemsで簡単に水平揃えにする方法 「テキストとアイコンを横並びにしたら、なぜかアイコンだけ下にズレてしまう…」こんな経験はありませんか？ 特に、display: flex; を使って横並びにした...

プログラミング初心者が最初に使うエディタとして人気なのが「Visual Studio Code（VS Code）」です。Microsoftが提供する無料の高機能ソースコードエディタで、HTML・CSS・JavaScriptを学ぶ方にもおすすめ。この記事では、Mac・Windowsどちらの環境でも簡...

【初心者向け】画像の上に文字を重ねる方法｜positionをやさしく解説します Webサイトを作っていると「画像の上に見出しを乗せたい！」「ボタンを少しだけズラしたい！」「要素を重ねてオシャレにしたい！」という場面がよくあります。 そんな時に必ず使う...

【初心者の備忘録】模写コーディングでつまずいたポイント｜max-widthを最初に設定しよう コーディング学習を進める中で、初心者の私がよくやってしまうミスを備忘録としてまとめていきます^^同じようなところで詰まっている方の参考になれば嬉しいです！ ...

プログラミングを始めるには、専用のアプリでコードを書いてみることからスタートします。 　　　コード(code)とはこんな感じ↓ プログラミングを始めるときに必要なのが、コードを書くための「エディタアプリ」です。その中でも特に人気が高いのが、**無料...

「Webサイトってどうやって作られているの？」と思ったことはありませんか？実は、私たちが普段スマホやPCで見ているWebページには、「HTML・CSS・JavaScript」という3つの要素が使われています。この記事では、初心者の方にもわかりやすく、Webサイトが形...

Webサイトを開くとき、あなたのパソコンやスマホはどのようにしてページを表示しているのでしょうか？この記事では、「URL」や「www」といった基本用語を使って、Webサイトが表示されるまでの流れを初心者にもわかりやすく解説します。「インターネットの...