Basics– category –
-
HTML CSS 【初心者向け】marginの相殺について
初心者の頃にmarginを使いすぎてデザインが崩れた経験がある方も多いのではないのでしょうか。今回はmarginの相殺について解説していきたいと思います。 marginの相殺とは HTMLとCSSにおけるmarginの相殺は、CSSレイアウトにおいて発生する特定の現象で、... -
HTML CSS 【初心者向け】marginの使い方
今回はmarginの使い方について説明をしていきたいと思います。 marginとは? 要素の外側のスペース(余白)を指定するためのプロパティです。 要素とその周囲の他の要素との間に余白を設けることで、レイアウトやデザインを調整す... -
vs code エクスプローラーが表示されない! 初心者あるある対処法
あ?、「エクスプローラーが表示されない!」VS codeを使っていると、そんな経験をしたことはありませんか?この記事では、エクスプローラーを表示・非表示する方法を、初心者でも分かりやすく解説します! エクスプローラーとは エクスプローラーは、VS c... -
HTML CSS 【初心者向け】 ハンバーガーメニューのリストが出てこない時の対処法
今回はHTML CSS JavaScriptでハンバーガーメニューを作成し、メニューボタンを押してもリストが表示されない時の対処法を解説していきたいと思います。 まずはハンバーガーメニューを作ります。 赤矢印のボタンを押すと、ボタン自体は機能していますが、出... -
これでもうスペルミスに困らない!!【Code Spell Checker 】VS codeの拡張機能 コードスペルチェッカー
スペルチェックって何? 1 スペルチェックは、文章やコードの中にある「スペルミス(つづりの間違い)」を見つけて教えてくれる機能のことです。例えば、英語の単語を間違えて書いてしまったときに、「これ間違ってるよ!」と教えてくれる「お助けツール」... -
Live Serverが表示できない!!VS code初心者あるある対処法とフォルダ作成
Live Serverの重要性 ・Live Serverを整えることは時間と労力を節約する第一歩です! 「Live Serverは、プログラミングを始めるときの効率アップツールです。これを最初に整えておくことで、無駄な作業を減らし、書いたコードの結果をすぐに確認できる環境... -
VS code 初心者向け ライブサーバーとは【 コードを書く ▶︎ ブラウザで見る 】を超簡単にする魔法のやり方!
Live Server(ライブサーバー)とは Live server (ライブサーバー)とは、visual studio code (ビジュアルスタジオコード)の【 拡張機能 】のひとつです。簡単に言うと、「 あなたが書いたコードをすぐにブラウザで見せてくれるツール 」です。 使うメ... -
超簡単!パララックスをCSSで作ろう!
パララックスとはページをスクロールする際、手前と奥とでスクロールの速度に差をつけることで、奥行きや立体感を表現する ことです。 パララックスを使ったWEBサイトRESCALAR | 株式会社リスカラICS COLLEGE OF ARTS WEB OPEN CAMPUSRe-Frame 今回はJavaS... -
フォルダとファイルの違いが分かれば、パソコンの世界がもっと楽しくなる!
パソコンを使い始めると必ず耳にする「 フォルダとファイル」という言葉。でも具体的に何が違うのかと聞かれると、意外と説明が難しいですよね。このブログではフォルダとファイルの違いを、わかりやすく例えながら解説します。これを読めば、プログラミン... -
【 拡張機能 】でプログラミングが楽しくなる!日本語にする簡単な方法
visual studio code をインストールしたけれど、なんだか操作が難しそう…そんなふうに思ったことはありませんか?実は、VS code には拡張機能という便利なツールがあり、それを活用することで作業がグッと楽になります!初心者の方でも迷わないように、拡...