The 2019 Instant View contest is over. View results
The Instant View Editor uses a three-column layout, so you really want to use it on a desktop screen that's wide enough. Sorry for the inconvenience.

Back to the main page »

Original

Preview

Link Preview

Issue #1

U formatted image as pullquote when it isn't.

A pull quote is a quotation or excerpt from an article that is typically placed in a larger or distinctive typeface on the same page, serving to entice readers into an article or to highlight a key topic. The term is principally used in journalism and publishing. Placement of a pull quote on a page may be defined in a publication's or website's style guide. Such a typographic device may or may not be aligned with a column on the page. Some designers, for example, choose not to align the quote. In that case, the quotation cuts into two or more columns, as in the example shown. Pull quotes need not be a verbatim copy of the text being quoted; depending on a publication's house style pull quotes may be abbreviated for space and/or paraphrased for clarity, with or without indication.

https://ibb.co/fnPB3PQ
φ
Yeah, I know what pullquote is.

However, every article on this website has an image at the beginning with a "teaserfoto" class and 165x165 size. The size is always the same, and it's quite small. There's no bigger version. It's obvious that it's meant to be small. Stretched to full width, it will appear blurry on any screen except the smallest ones.

Sometimes we need to make a derision based on what's best for UX rather than abstract definitions. There's no one-to-one IV counterpart for every possible variant of content presentation. For this particular case, <pic> in <aside> seems to be the best option. I've tested it in client apps and it looks quite good.
Declined by admin
It seems reasonable to handle smaller photos this way so that they won't get stretched to full width through <img>.
Type of issue
Author added their own content
Reported
Mar 18 at 1:33 PM