Weeknotes 18

This week I pushed my little website a step further by enhancing the service worker to pre-cache selected pages and by runtime-caching images as well as all visited pages.
This improves speed for image rendering drastically and allows to access the cached pages even offline. Voilà.
I´m using the media-query any-pointer: coarse to increase line-height of navigation items on touch devices!
Geoff Graham´s „There’s an input attribute for a one-time code“ pointed me towards the HTML <input type=„number“ autocomplete=„one-time-code“ />, which helps to move a two factor authentication code easily into the input field. While researching the topic, I found the autocomplete tag can have plenty of values! Also, I found „HTML attributes to improve your users’ two factor authentication experience“ by Phil Nash beneficial. There is an in-depth CSS-Tricks article by Alex Holachek, as well as a simulator made by Alex.
Chris Coyier writes about automating VS Code workflows.
Liquid variables can be accessed inside of JavaScript. E.g, the following code, which results in an array of JSON objects, is valid. It would also be valid to put the curly-braces expression into quotes.:
```
var imageData = [{{imageData | compact | join: "," }}];
```

Interesting website links:

Comments