Hacker News Reader

Comment by whalesalad | Hacker News Reader

Now we just need the little up and down arrows to go SVG and HN can look crisp at any resolution.

Why work so hard?

  ▲  U+25B2  BLACK UP-POINTING TRIANGLE
  ▼  U+25BC  BLACK DOWN-POINTING TRIANGLE

[0] https://en.wikipedia.org/wiki/Geometric_Shapes_(Unicode_bloc...

At least for me those are different sizes.

Same here, something funky going on with unicode triangles?

Which browser? So far, everything seems fine in Firefox, Chromium, and Nyxt, which uses WebKit.

Safari and Chrome

Looks fine on Edge/Windows too.

Safari 14

I feel like this unicode approach may be a better fit for how the rest of Hacker News is constructed (e.g. the use of the pipe character).

Well, have I got some news for you!

https://news.ycombinator.com/triangle.svg

...and it's already implemented! I thought this day would never come.

And the down arrow is using the same SVG with a `transform: rotate(180deg)` too!

Truly incredible developments.

This is some excellent planning. When a future request comes in for east votes and west votes, they can just update the rotate() parameter and push the changes straight to prod.

If it's just a background-image, why not just build the triangle in CSS? Saves a network request (and a whopping 525 bytes)

I just want them bigger on mobile.

Reply on news.ycombinator.com