マークダウンの書き方【サンプルあり】
こんにちは、すず(@suzu__engineer)です。 マークダウン記法を使うことで、強調したい文字を太字にしたり、複数ある項目を箇条書きにすることができます。そうすることで、文章が各段に読みやすくなります。 今回はマ…
その他その他2022年
その他【CSS設計】BEMを利用しつつスッキリとしたclass名のつけ方を考えた
こんにちは、すず(@suzublog23)です。 今回はこのようなお悩みを解決します。 プログラミング初心者の方は特に、classの命名規則にこだわりすぎて「作業が全然進まない・・・」なんてこ…
【JavaScript】モーダルの作り方
こんにちは、すずです。 今回は、JavaScriptを使ったモーダルの作り方をご紹介していきます。 早速ご覧ください！ 【JavaScript】モーダルの作り方 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ない謎の余白を消す方法
謎の余白の正体
【コピペ可能】シンプルなヘッダーデザイン
こんにちは、すずです(´ω`) 今回は、よく使われるシンプルなデザインのヘッダーの作り方をご紹介します。では早速参りましょう！ デザインのイメージ 今回作成するヘッダーのイメージです。 左端にロゴがあり、右端にナビゲーシ…
HTMLとCSSで作成するシンプルなヘッダーデザインをサンプル付きで解説
こんにちは、すずです（＾ω＾）今回紹介するのは、タイトルとメニューが横並びのシンプルなヘッダーデザインです。 サンプルコードがありますので、コピペで実装可能です。 では、早速参りましょう！ HTMLとCSSで作成するシン…
プロフィール
すず＠ジャニヲタエンジニア
医療事務員から未経験でフロントエンドエンジニアになりました。
プログラミング勉強法や技術について、プログラミング初心者にも分かやすい記事を投稿しています。
好きなものはジャニーズとお寿司。