[HN Gopher] Custom Bullets with CSS:Marker
       ___________________________________________________________________
        
       Custom Bullets with CSS:Marker
        
       Author : oedmarap
       Score  : 21 points
       Date   : 2020-10-07 20:45 UTC (2 hours ago)
        
 (HTM) web link (web.dev)
 (TXT) w3m dump (web.dev)
        
       | benatkin wrote:
       | I'm surprised Google is embedding Glitch here. Besides being an
       | odd choice, I couldn't get it to view source the first time and
       | it took more than 5 seconds to view source the second time.
        
       | sequoia wrote:
       | The embedded glitch things all over the place are unwelcome on
       | this page. This is demonstrating features of HTML and CSS _within
       | a webpage_ ffs, do you really need to embed another system a half
       | dozen times? Doesn't work well at all on my iOS /Safari (weird
       | scrolling/layout, doesn't preload so I'm scrolling to a blank
       | page).
       | 
       | All these embeds to show a webpage, on a webpage. C'mon folks use
       | your noodles here.
        
         | contravariant wrote:
         | Is this why loading it launches a ridiculous number of requests
         | that seem to run afoul of some of my security settings?
        
       | vosper wrote:
       | So... I can see why these ought to be styleable, but what are the
       | uses for this apart from the cute ones on this page?
       | 
       | Is there a usability or accessibility problem with markers that
       | can now be addressed?
       | 
       | Are we mostly going to see this used to make the markers match
       | the site styling? Perhaps for better emphasis?
        
         | [deleted]
        
       | bennettfeely wrote:
       | Learn the best practices in web development on a site that makes
       | 408 HTML requests with 43 MB of resources, and has popups.
       | 
       | Chrome inspector says it took my Macbook 1.3 minutes to finish
       | loading.
        
       | The_rationalist wrote:
       | I putted the bullets on ::before in order to make them stylable
       | or even a :first-letter but that's an improvement!
        
         | SippinLean wrote:
         | "Before" and "after" refers to the position relative to the
         | content. The bullets aren't part of the content.
        
       | gwern wrote:
       | https://www.caniuse.com/css-marker-pseudo 18% support. It's going
       | to be a long time before you can rip out all those list marker
       | CSS hacks. :(
        
         | onion2k wrote:
         | Won't that jump to about 60% a few days after the Chromium
         | based browsers have updated though? It's only 18% now because
         | Chrome, Edge and Chrome for Android aren't ready yet.
         | 
         | Thats still far too low to use it without a fallback, of
         | course, but it's high enough to justify using it as a
         | progressive enhancement.
        
       ___________________________________________________________________
       (page generated 2020-10-07 23:01 UTC)