ProgeteのHTMLやCSSの学習が終わったので、今は「Codestep 」さんというサイトで模写コーディングをしながら勉強しています。 プロの方は何も見ずにスラスラとコードが書けるのが羨ましいと思いつつ、私の場合は、「どうして思ったようにうまく反映されない…

※独学で勉強している素人の記事なので間違いがありましたらコメント欄で教えていただけると嬉しいです。 CSSの勉強をしています。今日はFlexboxとGridを使ったときの上下中央揃えのサンプルコードをメモしておきます。 Flexboxを使った上下中央揃えのサンプ…

サイト作成をしているとたまに h2 や h3 の見出しタグに英字と日本語が併記されている場合があります。 そんな時、皆さんはどんなふうにコーディングされていらっしゃいますか？ <h2> <span class="ja">ニュース</span> <span class="en">News</span> </h2> こんな風に見出しタグの中に spanタグを入れて日本語と英語そ…

フォントの世界も調べてみると奥が深くて本を買いました。 Amazon.co.jp: となりのヘルベチカ eBook : 芦谷國一, 山本政幸: 本 欧文フォントを個性豊かに擬人化した本で漫画になっているのでフォントのイメージがつかみやすいです。 欧文フォントについて歴…

ブログのフォントファミリーに「游ゴシック体」を使いたいと設定していたのですが、どうも、Windows の Chrome や Edge で閲覧すると文字が擦れて読みにくいので、対処法について考察してみました。 游ゴシックとは Windows の Chrome や Edge で文字が見に…

コメント欄を吹き出し風のデザインに HTMLもCSSも全くの初心者のmonoです。皆さんこんにちわ♪ 今日は、はてなブログのコメント欄をCSSを使ってよくある吹き出し風のデザインへ変更してみました。 枠を重ねて吹き出し風にする ↑目指す出来上がりはこんな感じ…