4 ms·

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

• Tronno 4y ago
  Well, have I got some news for you! https://news.ycombinator.com/triangle.svg https://news.ycombinator.com/triangle.svg
  • crazygringo 4y ago
    ...and it's already implemented! I thought this day would never come.
    • nacs 4y ago
      And the down arrow is using the same SVG with a `transform: rotate(180deg)` too! Truly incredible developments.
      • function_seven 4y ago
        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.
  • cantSpellSober 4y ago
    If it's just a background-image, why not just build the triangle in CSS? Saves a network request (and a whopping 525 bytes)
• Glyptodon 4y ago
  I just want them bigger on mobile.
• kmstout 4y ago
  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_block) https://en.wikipedia.org/wiki/Geometric_Shapes_(Unicode_bloc...
  • inferiorhuman 4y ago
    At least for me those are different sizes.
    • MichaelZuo 4y ago
      Same here, something funky going on with unicode triangles?
      • kmstout 4y ago
        Which browser? So far, everything seems fine in Firefox, Chromium, and Nyxt, which uses WebKit.
        • inferiorhuman 4y ago
          Safari and Chrome
        • kiwijamo 4y ago
          Looks fine on Edge/Windows too.
        • MichaelZuo 4y ago
          Safari 14
  • Wowfunhappy 4y ago
    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).
• deleted 4y ago
  [deleted]