【CSS設計】BEMを利用しつつスッキリとしたclass名のつけ方を考えた
こんにちは、すず(@suzublog23)です。 今回はこのようなお悩みを解決します。 プログラミング初心者の方は特に、classの命名規則にこだわりすぎて「作業が全然進まない・・・」なんてこ…
こんにちは、すず(@suzublog23)です。 今回はこのようなお悩みを解決します。 プログラミング初心者の方は特に、classの命名規則にこだわりすぎて「作業が全然進まない・・・」なんてこ…
こんちには、すずです。 フォーム作成中に、labelとtextareaの位置がずれてしまうという現象がありました。これの解決方法についてまとめます。 早速ご覧ください! 【form】labelとtextareaの位置を調…
こんにちは、すずです。 現在、フロントエンドエンジニアの大定番「iSara」のサイト模写をやっています。そこで得た知識をブログにアウトプットしていこうと思います。 では、早速参りましょう! 【模写】iSaraサイト模写 …
jQueryを使って、スライダーを作ってみました。 デモ 作り方を解説します。 【jQuery】スライダーの作り方 /* Your code… */
こんにちは、すずです。 今回は、JavaScriptを使ったモーダルの作り方をご紹介していきます。 早速ご覧ください! 【JavaScript】モーダルの作り方 HTML
謎の余白の正体
こんにちは、すずです(´ω`) BEMとは? BEM(ベム)とは、「Block(かたまり)・Element(要素)・Modifier(修飾)」の頭文字をとったもので、class名の命名ルールの1つです。 BEMの書き方 …
こんにちは、すずです(´ω`) 今回は、よく使われるシンプルなデザインのヘッダーの作り方をご紹介します。では早速参りましょう! デザインのイメージ 今回作成するヘッダーのイメージです。 左端にロゴがあり、右端にナビゲーシ…
こんにちは、すずです(^ω^)今回紹介するのは、タイトルとメニューが横並びのシンプルなヘッダーデザインです。 サンプルコードがありますので、コピペで実装可能です。 では、早速参りましょう! HTMLとCSSで作成するシン…
【Windows】コマンドプロンプトでPythonが動かない場合の解決法 今回困ったこと。 WindowsにPythonをインストールしたのに、コマンドプロンプトで「python」と入力しても動かず。以下のように、「’p…