cybozu / frontend-expert Goto Github PK

Suggestion

• lang属性を追加することで属性に応じて読み上げ言語を切り替えてくれるスクリーンリーダーに対応できます。
• Lighthouseからのアクセシビリティでの警告が消えます。

markdownのeditorプロパティを配列でもいいようにする

https://cybozu.github.io/frontend-expert/posts/release-chrome-96

このエントリの一部なのですが、

cssのcalc()関数でintegerしか受け取らないような場所でもnumberを指定できるようになりました。
もっとも近い整数に丸められます。

この説明はあっているのですが

例えば、下記はいずれもwidth: 0pxと同義です。

.example {
    width: calc(5px - 10px);
    width: calc(-5px);
    width: 0px;
}

この例はそれを説明していません（widthは<length-percentage>系の値をとって<length>に解決するので、<integer>と<number>はとらない）。
たぶん仕様書からひっぱってきたものと思うんですが、これはnumberをintegerにまるめる仕様の例ではないんですよね。

#37 が原因。直します。

• 記事が結構増えてきたのでページングを検討
• 合わせて記事の一部、もしくは見出しを一覧のところで表示するようにするとか

そういうのを考えたい

今 Page Speed Insights で見るとこう言われる

https://d.potato4d.me/entry/20210222-rehype-plugin-auto-resolve-layout-shift/ の方法で、ビルド時に width と height をいいかんじに指定して CLS をなくせそう

でっかい

• ページをつくる
• 記事の見た目
  • 文書スタイル
  • シンタックスハイライト
• 記事ごとにURL生成される
• 記事の情報を取得
• OGP対応

https://miyaoka.dev/posts/2021-01-09-hmr-on-markdown-2

はじめまして、こちらのサイトのRSSフィードを購読しようとしたところエラーが発生しました。
https://cybozu.github.io/frontend-expert/feeds/atom.xml のURLをChromeで直接開いたところ、

error on line 1 at column 2412: EntityRef: expecting ';'

と表示されましたのでおそらくこちらの記事タイトルに含まれる&がエスケープされておらずエラーになっていると考えられます。
https://github.com/cybozu/frontend-expert/blob/main/data/posts/frontendWeekly-And-Monthly.md