プログラミング

プログラミング

【Mac版】VSCodeで覚えておきたいショートカットまとめ【プログラミング】

おはこんばんにちは!ノボルです。 VSCode(Visual Studio Code)を使ってるんだけど、便利なショートカットとかってある? そういうことなら任せて!さっそく紹介するね。 そこで今回は、VSCode(Visual Studi...
プログラミング

【無料会員でOK】CodePenで画像を使う方法を分かりやすく解説【プログラミング】

おはこんばんにちは!ノボルです。 最近、CodePenをよく使うんだけど、画像を貼りつける方法ってないの? もちろんあるよ!さっそく解説するね。 そこで今回は、CodePenの無料会員で画像を使う方法を分かりやすく解説します! 現役のプロの...
プログラミング

【画像加工不要】超簡単!CSSだけで背景画像のみを暗くする方法【プログラミング】

おはこんばんにちは!ノボルです。 背景画像を暗くしたいんだけど、加工するのがめんどくさい…。 画像加工ソフトを使わなくても、CSSだけでできるよ! Web制作の際、上の文字などを読みやすくするために背景画像を暗くしたいときってありませんか?...
プログラミング

【HTML】見出しタグの使い方を解説|h1〜h6の使い分けも【プログラミング】

おはこんばんにちは!ノボルです。 HTMLの『見出しタグ』ってどうやって使い分けるんだろう…。 確かにh1〜h6まであって混同するよね。使い方を解説するね! そこで今回は、HTMLの見出しタグの使い方を解説します!Webエンジニアはもちろん...
プログラミング

【CSS】max-widthとmin-widthの使い方を初心者向けに解説【プログラミング】

おはこんばんにちは!ノボルです。 CSSの勉強をしてるんだけど、「max-width」と「min-width」の使い方がよく分からないんだよね。 初心者でもわかるように解説するね! 「min-width」や「max-width」は、WEBペ...
プログラミング

【CSS】超簡単!スクロールしても背景画像が固定されたままにする方法【プログラミング】

おはこんばんにちは!ノボルです。 ポートフォリオサイトを作ってるんだけど、背景画像をスクロールしても固定したままにする方法ってないの? 簡単な方法があるから解説するね! そこで今回は、スクロールしても背景画像が固定されたままにするCSSテク...
プログラミング

【CSS】letter-spacingで文字間を調整する方法とオススメの値【プログラミング】

おはこんばんにちは!ノボルです。 CSSで文字間を調整するのってどうやるんだろ・・・。 「letter-spacing」プロパティを使えば、簡単に文字間を調整できるよ! ブログやwebサイトなど、文章の多い媒体において、「文字間」は可読性や...
プログラミング

【CSS】超簡単!line-heightで行間を調整する方法【オススメの値も】

おはこんばんにちは!ノボルです。 CSSで文章の行間を調整する方法ってあるの? 「line-height」プロパティを使うことで、簡単に行間を調整できるよ! Webページのデザイン性や可読性は、文章の行間によって大きく変わります。なので、W...
プログラミング

【初心者向け】超簡単!CSSで円を作る方法と円のど真ん中に文字を配置する方法

おはこんばんにちは!ノボルです。 CSSで円を作って真ん中に文字を表示したいんだけど、どうやってするんだろ・・・。 そういうことなら任せて!さっそく解説するね。 HTMLやCSSの勉強をしていて、円形のパーツってどうやって作るんだろう?と思...
プログラミング

【CSS】テキストを下線じゃなくてマーカー線(蛍光ペン風)でハイライトする方法

おはこんばんにちは!ノボルです。 下のテキストみたいに、CSSで文字にマーカー線を引きたいんだけど、やり方わかる? サンプルテキスト CSSでテキストをハイライトするのは簡単だよ。さっそく説明するね! テキストのハイライトは、Webサイトや...