googleアドセンスを はてなブログ の ブログ記事下 に配置したときのCSSメモです。 googleアドセンスでは、レスポンシブ用の広告が簡単に利用できるようになっているので、そちらを利用している方も多いかもしれません。私の場合は少し古い手法ですが、ブロ…

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

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

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

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

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

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

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