This should be added to Algolia's cool apps page:
https://hn.algolia.com/cool_apps
(It's linked from the bottom of each search result page, if you search from inside HN).
Show HN: Favicons for HN
61–70 of 73 posts
Re: Show HN: Favicons for HN
#62Is anyone who's good with CSS able to modify this to align the icon and text better? The current alignment where the baseline of the text is in line with the bottom of the favicon feels off.
If you set the width/height to 12px, set the image's left padding to 0, and center things vertically with flex, it looks significantly better. image.width = 12 image.height = 12 image.style.marginRight = '0.25em' //image.style.paddingRight = '0.25em' //image.style.paddingLeft = '0.25em' document.querySelectorAll('.athing > td:nth-child(3), .titlelink').forEach(e => { e.style.display = 'flex', e.style.alignItems = 'ce…
That does look much better. Thank you
Re: Show HN: Favicons for HN
#63As an aside, there's Refined Hacker News[0] which seems like it would be a great option for this to be built into. It has lots of great features while keeping things minimal. [0] https://github.com/plibither8/refined-hacker-news
Thanks for extensions. But I think there's no need to integrate its functionality to the site. This way one can choose how to customize the site without increasing complexity of the site itself.
Sorry! I meant to integrate the favicons into the extension, not to integrate the extension into the website :)
Re: Show HN: Favicons for HN
#64TIL that browsers support .ico format for inline images.
Re: Show HN: Favicons for HN
#65Does DuckDuckGo ensure that the icons are 16x16, or will it serve potentially 10’s or 100’s of KB of image only for my browser to resize them?
It does not. Here's what it looks like without the images resized: https://i.imgur.com/sM2ymce.png
Re: Show HN: Favicons for HN
#66Cool idea but I generally like the text-based meritocracy that exists now. I mostly go by post title rather than source. I would bet that I’d be influenced by sources more if I saw the source’s favicon. Just a hypothesis.
Agreed, but also sad. In reality, and in our company, Features like this pile up and no one speaks up. Next thing you know, the product becomes a completely deranged version of original intention. People like you don't exist in every org who has a 1) meticulous understanding of the product and what could go wrong 2) Courage to speak up and not offend the people proposing the change 3) Change management's mind who has been sold the feature-full vision of the product.
Features need to be ruthlessly questioned.
Re: Show HN: Favicons for HN
#67My version, better alignment, grayscaled icons, eliminates duplicates on navigation: // ==UserScript== // @name hacker news favicons // @match https://news.ycombinator.com/* // ==/UserScript== for (let link of document.querySelectorAll('.titlelink')) { if (link.attributes["hasIcon"] != 'true') { const domain = new URL(link.href).hostname const imageUrl = `https://icons.duckduckgo.com/ip3/${domain}.ico` const image =…
This had the cross origin issue for me. After combining with an above post that uses GM.addElement this looks really nice. Grayscale is the way to go to prevent the site from being more addictive than it needs to be.
* https://news.ycombinator.com/item?id=31096151
* https://gist.github.com/goldbattle/695f869e43fe8d0e628061cb9...
Re: Show HN: Favicons for HN
#68Please dont add any icons any more colors. I love that text-based interface.
So don't use it
Re: Show HN: Favicons for HN
#69Nice though didn't work with AutoPagerize Chrome extension with page 2 onwards
Re: Show HN: Favicons for HN
#70I made an update that adds images in urls in comments too. It shows smaller favicons, and it prevents adding new images when going back in history too :) https://gist.github.com/frabert/48b12088441f6195ea9292c2a5a7...
I made a fork and added a small README: https://gist.github.com/corentinbettiol/6d9dc3a032c17ebcd94d...