add classes to <body> tag, depending on browser features:
[x] .webgl for browsers supporting WebGL
[x] .low-battery for devices with low battery level
[x] .touchscreen - for touchscreen devices (mobile, tablet, etc)
This should make it easier to target specific browsers, devices, etc.
Alternative way to handle custom CSS for each page:
[x] add post slug name to <body> tag of each post/page generated:
<body class="my-cool-article [other classes]">
This will allow custom CSS for each page to be added in main.css (so no extra network requests) like so:
.my-cool-article .page-header {
// some styles for page header of page 'my-cool-article.html'
}
Fix JSON-LD
article Publisher ImageObject should use image no more than 60px in height
Canonical URLs
Make sure all pages have canonical URLs, to limit duplicate URLs in search results, and help point users to the pages we actually want them to see .. More info:
Better structured data
more items
ItemListentry (listing all posts.. see here and here)ArticleentryThe default entries could be overridden by
new post -allasking for pagetype.See Page Type
More responsive
<body>tag, depending on browser features:.webglfor browsers supporting WebGL.low-batteryfor devices with low battery level.touchscreen- for touchscreen devices (mobile, tablet, etc)This should make it easier to target specific browsers, devices, etc.
Alternative way to handle custom CSS for each page:
<body>tag of each post/page generated:This will allow custom CSS for each page to be added in
main.css(so no extra network requests) like so:Fix JSON-LD
Canonical URLs
Make sure all pages have canonical URLs, to limit duplicate URLs in search results, and help point users to the pages we actually want them to see .. More info: