目次 | Web サイト制作

要素技術

• Cookie
• submit ボタン / form.submit

Reference

• W3C
  • https://www.w3.org/TR/
    ref. https://www.kanzaki.com/w3c/process.html
• CSS
  • https://developer.mozilla.org/ja/docs/Web/Reference
• Javascript
  • https://developer.mozilla.org/ja/docs/Web/API
• Can i use
  https://caniuse.com/
• https://github.com/browserslist/browserslist
  例）package.jsonの browserslist キーにターゲットブラウザを指定することで、autoprefixer, babelなどの対象を指定できる
  以下サイトで指定した値に該当するブラウザを確認できる
  https://browserl.ist/

[!NOTE]
Document.querySelectorの対応ブラウザを調べたいときは以下手順

1. https://developer.mozilla.org/ja/docs/Web/API にアクセス
2. Documentを検索・クリック
3. https://developer.mozilla.org/ja/docs/Web/API/Document
4. querySelectorを検索・クリック
5. https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector
6. ブラウザーの互換性に対応ブラウザが掲載

CSS

-CSS

コーディング規約

• Google HTML/CSS Style Guide

詳細度

• https://specificity.keegan.st/

メディアクエリ/@media

• メディアクエリ
  • https://developer.mozilla.org/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Syntax
• @media
  • https://developer.mozilla.org/ja/docs/Web/CSS/@media

画像

• SVG

IntersectionObserver

• IntersectionObserver

高速化

• Webサイト高速化

モバイルフレンドリー

• https://search.google.com/test/mobile-friendly
• https://support.google.com/webmasters/answer/9063469?hl=ja

DNS

ドメイン・DNS・レコード設定

SSL

• SSL