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