2/3ページ

2/3ページ
  • 2020.07.28

アクセスされやすくなる!? 忘れがちな「OGP」を設定しよう

OGPの設定方法(基本) htmlタグまたは、headタグに「ogpを使います」と宣言する ※宣言がない場合でも正しく表示される?原因不明。 headタグ内にいくつかのメタタグを設定する og:type トップページの場合websiteまたはblog、下層ページはarticleを記述。 og:image 未指定の場合はページ内の画像がランダムで表示される。 Twitter専用OGPの設定方法 カー […]

  • 2020.07.27

正しい「空白・スペース」の入れ方

半角スペース1つ分であれば半角スペースでOK。 それ以上の空白の場合は基本的に、marginかpaddingで余白を取る。 CSSをいじれない場合は2or3の方法を使う。 全角スペースは使わない。 cssのmargin、paddingで余白を取る ★おすすめ★ スペースを入れるための特殊文字 「   」:半角スペースより少し広い空白 「   」:全角スペースとほ […]

CSS font
  • 2020.07.25

Webフォントの設定の仕方

デバイス依存のフォントと似ているGoogleフォント 対象フォント Googleフォント ヒラギノ角ゴ Noto Sans JP Helvetica Open Sans Roboto Roboto Gill Lato Garamond EB Garamond Webフォントを使う際の軽量化方法 https://haniwaman.com/noto-sans-japanese/ ブックマーク Web […]

CSS table
  • 2020.07.24

テーブルをCSSでカスタマイズする際のテクニック集

テーブルの列を全て均等にする tableにtable-layout: fixed;を指定する。 一部の列のみ固定幅にして、残りは均等幅を保つ性質がある。 ※注意: 必ずtableにwithを指定すること。 ボーダーを1本線にする tableにborder-collapse: collapse;を指定する。 注意:指定テーブルの全てにボーダーを付ける場合は、table、th、tdの3要素に指定するこ […]

  • 2020.07.24

vscodeのスニペットでよく使うコードを登録

よく使うコードはスニペットに登録する。 登録するには、以下のツールを使うと間違いがなく、便利。 https://migi.me/vsc_snippet/ スニペットを使う理由 コーディングしていると、同じコードを何度も書いている時がある。 小さな積み重ねだが、それが毎日となると膨大な時間になってしまう。 よく使うコードを登録しておけば、時間短縮になる。 vscodeでのスニペットの登録方法 ファイ […]

  • 2020.07.23

丸の内 AMS株式会社様

丸の内 AMS株式会社様 サイトのカスタマイズを行いました。 バナー画像の修正、テキストの入れ替え、新規ページの作成など。 https://www.m-ams.co.jp/