seilog-ger
[ URL:seilog.org ] Writtern by Seiji Nakamura

「 Programに関する記事 」

2023/5/4

スマホに対応したハンバーガーメニューとクリックしたときに開くシンプルなナビメニューと少し洒落たナビメニューの作り方

スマホで使うナビメニューを作成するのは、けっこう面倒くさいですね!スマホに対応したハンバーガーメニューの作り方とクリックしたときに開くシンプルなナビメニューと少し洒落たナビメニューの作り方を解説します。使いこなせば、時間の節約になりますよ。

2023/4/1

「align-items:center;」「vertical-align:middle;」line-heightで要素を上下中央に配置するcssの方法

CSSを使い、要素を上下中央に配置する時に迷うことは有りませんか?align-items:center;、vertical-align:middle;、line-height、transformを使い分けて上下中央配置できるように使い方を整理しました。HTML,CSSの基礎ですが、迷うことがあるのでまとめました。

2023/3/19

「margin:0 auto;」「text-align:center;」flexboxで要素を左右中央に配置するcssの方法

要素を左右中央に配置するのに苦労することは有りませんか?要素の構成に合わせた、margin:0 auto; text-align:center; flexboxの使い方を整理しました。コーディングする時に迷わないように、親要素と小要素、ブロック要素とインライン要素の使い分けを明確にしました。

2022/9/10

初心者がLibSassをDartSassに移行する方法【@useと@forwardを使いこなす】

DartSassに移行されるけど何が変わるかわからない!そんな方にもわかる様に、SassからDartSassで変わる内容を整理しました。最後にわかり易いレスポンシブ表示方法を具体的なファイル構成とコーディング例もまとめて追記しました。LibSassを使っていた本人がわかる様に、DartSassの変更方法をまとめてます。

2022/8/21

個人でブログを書くメリット10選とデメリット7選、そしてその魅力

ブログを始めようか悩んでいます。ブログを書くことのメリットは何でしょうか?デメリットもあるかしら?という悩みにお答えします。私はブログを始めて2年半ぐらいで、おもしろさが少しわかってきたくらいです。このような私の実感から、ブログを書くメリットやデメリット、楽しさや苦労することを紹介します。少しお付き合いください。