monoのメモ帳

HTMLとCSSを勉強しながらはてなブログをカスタマイズ中です。

HTML・CSSのコーディングをする時に忘れやすい箇所をメモ

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

【CSS】上下中央揃えのレイアウトの仕方(Flexbox・Grid)

CSS

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

見出しタグに日本語と英語を併記する場合のHTMLとCSSの書き方メモ

CSS

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

Progateで学んだSassのまとめ

前回はjQueryを勉強したのですが、今回はCSSの上位互換ともいえるSassです。CSSの記述が簡単になるということで、ちょっと勉強してみました。 Sassとは、CSSを拡張して扱いやすくしたもので、書きやすく、見やすいと使い勝手がいいようです。Sassはそのまま…

Progateで学んだjQueryのまとめ

プログラミングの基礎が学べる『Progate』の有料会員(税込¥1,078/月)になったので、サイト制作に関連するプログラミングを学んでいます。 今回はjQueryをやってみたので、学んだことを自分用にまとめてみました。 jQueryとは JavaScriptのライブラリで、jQue…

プログラミングの基礎が学べるProgate[プロゲート]のHTML&CSSを試してみた

Twitterで見かけたProgate[プロゲート]というサイト。プログラミングの基礎が学べるオンラインプログラミング学習サービスサイトで、「初心者から、創れる人を生み出す」というコンセプトで運営されています。 わたしは学校に通って HTML や CSS や JavaScri…

Visual Studio Code(VScode)をインストールしてからやったことのメモ

HTMLやCSSやJavaScriptを独学で勉強中なのですが、コードエディタにVisual Studio Code(VScode)を使い始めました。 まだ触りだしてから数週間しか経っていないのでわからないことばかりです。 今までは昔からあるTeraPadを利用していたのですが、今の時代はV…

フォントファミリーの欧文フォントは何を選べばいいのか

CSS

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