Skip to content

Remove distracting and unnecessary tags #122

Open
@rien333

Description

@rien333

SVGs often render way too big on most websites (see e.g. github and the mozilla docs, see also the screenshot below), providing quite the distraction. Moreover, they are generally non-informative parts of a website (I'm no web developer, but one common use is providing structural rather than contentful information, such as scaleable buttons/ui elements). If someone knows websites that use a lot of non-distracting SVGs removing or altering them is obviously not a good idea.

broken svg

Other HTML tags that don't add anything to the readability of a page are <input> and <button> tags. I therefore propose to delete them. I'm willing to create a PR, given that I've already tried this for a script in qutebrowser.

Alternatively, SVGs could be scaled to make them less distracting. Looking at the SVG documentation, I suppose one could do something with the width attribute of SVGs. Not really sure how you should infer a good width value for a given SVG and browser window size though (someone who knows something about web development might, however). For reference, I've included a screenshot of the SVG above with a changed width value. To be honest, even though the SVG looks much better, I do not see in what way it enhances readability (at best, it's not distracting, but without much purpose).

smaller SVG

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions