2022-11

その他

マークダウンの書き方【サンプルあり】

こんにちは、すず(@suzu__engineer)です。 マークダウン記法を使うことで、強調したい文字を太字にしたり、複数ある項目を箇条書きにすることができます。そうすることで、文章が各段に読みやすくなります。 今回はマークダウン記法で...
ジャニーズ

【CSS設計】BEMを利用しつつスッキリとしたclass名のつけ方を考えた

こんにちは、すず(@suzublog23)です。 どんなクラス名を付けたらいいのかよく分からない。 命名を考えすぎて作業が進まない。 一体どんなクラス名を付ければいいのかな・・・? 今回はこのようなお悩みを解決します。 プ...
ジャニーズ

【JavaScript】モーダルの作り方

こんにちは、すずです。 今回は、JavaScriptを使ったモーダルの作り方をご紹介していきます。 早速ご覧ください! 【JavaScript】モーダルの作り方 HTML <!DOCTYPE html&...
ジャニーズ

【jQuery】スライダーを自作してみた

jQueryを使って、スライダーを作ってみました。 デモ 作り方を解説します。 【jQuery】スライダーの作り方 /* Your code... */
ジャニーズ

【模写】iSaraサイト模写 イントロダクション編

こんにちは、すずです。 現在、フロントエンドエンジニアの大定番「iSara」のサイト模写をやっています。そこで得た知識をブログにアウトプットしていこうと思います。 では、早速参りましょう! 【模写】iSaraサイト模写 イントロダクション...
ジャニーズ

【form】labelとtextareaの位置を調整する方法

こんちには、すずです。 フォーム作成中に、labelとtextareaの位置がずれてしまうという現象がありました。これの解決方法についてまとめます。 早速ご覧ください! 【form】labelとtextareaの位置を調整する方法 問題 ...
プログラミング

BEM × Sassでメンテナンス性の高いコードを書こう!

こんにちは、すずです(´ω`) BEMとは? BEM(ベム)とは、「Block(かたまり)・Element(要素)・Modifier(修飾)」の頭文字をとったもので、class名の命名ルールの1つです。 BEMの書き方 ...
ジャニーズ

【CSS】marginでもpaddingない謎の余白を消す方法

謎の余白の正体
タイトルとURLをコピーしました