HTML CSS 【初心者向け】画像を斜めに表示したい！transformの使い方
画像を斜めに傾けたい時の解説を簡単にしていきたいと思います★！ CSSを使用して画像を斜めに傾ける場合、transform プロパティを使用します。その中でも、rotate( ) 関数を利用して角度を指定することで、画像を簡単に回転することができます。 以下は...HTML CSS 【初心者向け】 ハンバーガーメニューのリストが出てこない時の対処法
今回はHTML CSS JavaScriptでハンバーガーメニューを作成し、メニューボタンを押してもリストが表示されない時の対処法を解説していきたいと思います。 まずはハンバーガーメニューを作ります。 赤矢印のボタンを押すと、ボタン自体は機能していますが、出...これでもうスペルミスに困らない！！【Code Spell Checker 】VS codeの拡張機能 コード スペル チェッカー
スペルチェックって何？ 1 スペルチェックは、文章やコードの中にある「スペルミス（つづりの間違い）」を見つけて教えてくれる機能のことです。例えば、英語の単語を間違えて書いてしまったときに、「これ間違ってるよ！」と教えてくれる「お助けツール」...最初の第一歩を楽しく！【 Live Server 】でプログラミング デビュー
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 には拡張機能という便利なツールがあり、それを活用することで作業がグッと楽になります！初心者の方でも迷わないように、拡...HTML CSS 【初心者向け】テキストとアイコンがズレる時の対処法
こんにちは！今回は「テキストとアイコンを横並びにしたらバランスがおかしくなってしまった！」という方のためのに対処法をお伝えしていきます。 まずはHTMLとCSSの中身を見ていきましょう。 親要素に display: flex; でテキストとアイコンを横並びにして...【初心者向け】Visual Studio Code ダウンロードを徹底解説
初めてHTMLを始める方の第一歩、Microsoftが提供する無料のソースコードエディタ、「 Visual Studio Code 」のダウンロードをしてみよう！ちなみに私のパソコンはMacBookです。 ダウンロード手順 （１）公式サイトにアクセス ・「まず、↓↓ 以下のリンクを...
12