Fatwigoo

From IndieWeb
Jump to: navigation, search


Fatwigoo is an embedded SVG image that depends on (external) CSS for its width.

SVG elements embedded in HTML with the svg element default to a width of the entire browser viewport, scaling its height to that size. If a website depends on CSS to resize the SVG and this does not load for any reason (e.g. bad network or blocking extension) the user will have their screen filled with just the one icon. Similarly, external CSS will mostly not be available when content is included on other pages, e.g. a reply-context, planet or comment (but this applies to other images too).

An example on the IndieWeb, Eddie Hinkle’s home page on 2018-03-01 without CSS fills a big part of the viewport with its menu icon:

2018-03-01-screenshot-eddie-hinkle-home-page-no-css.png

See Also

  • The name is inspired by the worst offenders, social media buttons: Facebook, Twitter, Google.