Posts

Vite - Local Plugin

Custom File Type Change Detection

Vite has a plugin system where a transform may be performed on file type changes in the following:

https://vitejs.dev/guide/api-plugin.html#transforming-custom-file-types

Even though the documentation states that transforms might be performed on "custom file types", attempts to listen to changes for file types other than the common web assets type (.js, .ts, .html, .css) will not work.

Categories: #Tooling #javascript
Tags: #frontend
Image Panning

Scrollbar Considerations

Many zooming libraries on npm offers the ability to pan images (translate images), after a large image has been zoomed in, however the majority of them do not take consideration of how the movement of the image affects the visibility of scrollbars.

Categories: #javascript #html
Give Screenshots More Space

Screenshot To Gutters

While taking an image screenshot of an entire software application such as the browser or terminal intact yields the most information when attempting to describe the behavior. It can be a bit difficult to discern what is actually happening in the application due to the "zoomed out" nature of the taken image. It is rare that a user will need to focus on the entirety of the image when a screenshot is shown, because only a certain portion of image is reference at one time.

Categories: #css