プログラミング BEM × Sassでメンテナンス性の高いコードを書こう！
こんにちは、すずです(´ω`)
BEMとは？
BEM(ベム)とは、「Block(かたまり)・Element(要素)・Modifier(修飾)」の頭文字をとったもので、class名の命名ルールの1つです。
BEMの書き方
...
プログラミング ジャニーズ 【CSS】marginでもpaddingない謎の余白を消す方法
謎の余白の正体
プログラミング 【コピペ可能】シンプルなヘッダーデザイン
こんにちは、すずです(´ω`)今回は、よく使われるシンプルなデザインのヘッダーの作り方をご紹介します。では早速参りましょう！
デザインのイメージ
今回作成するヘッダーのイメージです。
左端にロゴがあり、右端にナビ...
プログラミング HTMLとCSSで作成するシンプルなヘッダーデザインをサンプル付きで解説
こんにちは、すずです（＾ω＾）今回紹介するのは、タイトルとメニューが横並びのシンプルなヘッダーデザインです。
サンプルコードがありますので、コピペで実装可能です。
では、早速参りましょう！
HTMLとCSSで作成するシンプルなヘッダーデ...
プログラミング 【Windows】コマンドプロンプトでPythonが動かない場合の解決法
【Windows】コマンドプロンプトでPythonが動かない場合の解決法
今回困ったこと。
WindowsにPythonをインストールしたのに、コマンドプロンプトで「python」と入力しても動かず。以下のように、「’python’ は、...
プログラミング 【WordPress】ソーシャルアイコンにないアイコンを追加する方法【TikTokアイコンを追加してみよう】
WordPressの投稿ページに、TikTokアイコンを追加しようと思ったのですが、ウィジェット＞ソーシャルアイコンの中になかったんですよね～。
というわけで今回は、ソーシャルアイコンの中にないアイコンを追加する...
プログラミング 【Chrome】サイト全体をスクショする方法
「今見ているサイト全体の画像がほしい！」なんてときに使えます。
【Win】 Ctrl+Shift+I ／ 【Mac】 command+option+I【Win】 Ctrl+Shift+P ／【Mac】 command+shi...
プログラミング 【Bootstrap】画面右側にできた謎の余白を消す方法
こんにちは、すずです(^o^)Bootstrapを使ってレスポンシブ対応していたら、画面を縮小した際に、右側に「謎の余白」ができていました。
今回は、この謎の余白を消す方法について解説します。早速ご覧ください！
【Bo...
プログラミング 【CSS】横並びのアイコンとテキストの高さを揃える方法
こんにちは、すずです(^o^)今回は「横並びのアイコンとテキストの高さを揃える方法」についてご紹介します。早速ご覧ください！
【CSS】横並びのアイコンとテキストの高さを揃える方法
今回、アイコンは「Font Awesome」...
プログラミング ＜nav＞ナビゲーションメニューを途中から固定させる方法
こんにちは、すずです(^o^)今回は「ナビゲーションメニューを途中から固定させる方法」について解説します。早速ご覧ください！
＜nav＞ナビゲーションメニューを途中から固定させる方法
ヒーローイメージの下までスクロールしたら、...