Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

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...


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).


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.


Looks fine on Edge/Windows too.


Safari and Chrome


Safari 14


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.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: