Please don't mess with links

A link is not merely a button that takes you somewhere when clicked. It is far more versatile and functional. Real links can be opened in new tabs or windows, saved as files, copied as URLs, manipulated with keyboard shortcuts, and recognized by search engines and screen readers. Hovering over a link can reveal the URL. Using real links with the target= _blank attribute provides several benefits, including the ability to observe loading progress, access error pages, open multiple links simultaneously, read the original page while it loads, utilize browser tab and window management, bookmark pages, and share URLs with others.

Users often accidentally close popups that masquerade as links, leading to frustration and confusion. Browsers are designed to handle links and page loading efficiently; developers should respect this functionality. JavaScript buttons should not be used in place of links. Loading animations should not be built from scratch; instead, rely on native browser capabilities.

Link previews should open and close upon hover, not click. Opening links within JavaScript popups should be avoided; instead, use target= _blank. Infinite scrolling on a webpage can disrupt common keyboard shortcuts, bookmarks, navigation keys, and the back button. By minimizing the number of round trips, particularly by using a single TCP connection, loading times can be significantly improved.

It is advisable to use established HTML elements, like details, rather than reinventing the wheel. Implementing a date picker using native form inputs ensures users receive their preferred date format, automatically converts it to the standard yyyy-mm-dd format, and functions seamlessly with keyboard navigation. Additionally, it automatically adapts to dark mode settings.