Style Lists with New CSS - Bullets, Numbers, Markers

[@firstprincipleslearning]

Excellent presentation. Not only what you can do but you have also included what you can't. Very concise video.

[@Skatox]

Really cool. I tough I knew CSS lists but this video teach me new things

[@jaredcwhite]

Never realized how exciting list items could be. Neat stuff!

[@alejandrokenzo4493]

i know im asking the wrong place but does any of you know a way to get back into an Instagram account? I somehow forgot my login password. I love any tricks you can give me

[@angeloaugustus1016]

@Alejandro Kenzo instablaster ;)

[@alejandrokenzo4493]

@Angelo Augustus I really appreciate your reply. I got to the site through google and I'm waiting for the hacking stuff atm. I see it takes a while so I will reply here later with my results.

[@alejandrokenzo4493]

@Angelo Augustus it worked and I now got access to my account again. Im so happy! Thank you so much, you saved my ass :D

[@angeloaugustus1016]

@Alejandro Kenzo you are welcome :D

[@emiliocobos]

FWIW, the box styling for ::marker is implemented, is just not enabled by default (see layout.css.marker.restricted).

[@emiliocobos]

@@MozillaDeveloper I don't know off-hand. It was intentionally deferred by the CSS WG (see github.com/w3c/csswg-drafts/issues/3826). So probably needs a bit of other interest from other implementors in order to be shipped.

[@firstprincipleslearning]

@@MozillaDeveloper Thanks for going the extra mile to explain it to beginners who might not understand the conversation.

[@nikolasavic90]

It's worth. Thanks a bunch Emilio!

[@Gabi-fs3nk]

Very cool, thank you.

[@conaxlearn8566]

When I use counter instead of the default list item style for ordered list, the number generated by the counter is not right-aligned. How can I right-align the number please?

[@sameermalik8580]

Everything is new for me 😮

[@chukwunweikepreciousodue7552]

the screen display was minimized and it was difficult to follow up becauase i hadly see the characters on the creen

[@GasolineNl]

That's very handy, always had issues with this.

[@RamsezStamper]

Hopefully in a year or so this will be useful and support by both Chrome and the new Chromium-based Edge, but as of right now Oct 7th, 2019 , :marker is still only supported by firefox and safari, leaving out a large part of the browser market. caniuse.com/#feat=css-marker-pseudo In the mean time, you can still apply icons for your bullets using the :before element and position it absolute with a left of 0 while giving the LIs a left padding to push in the text so it doesn't overlap/touch the icon you want to use.

[@Ana-mn5io]

Thank u so much!,

[@roberthp5733]

it is amazing thx

[@amarcanth]

That's Fantastic!!

[@rossgeography]

deadly !

[@mariem5029]

cool Video

[@ТарасГоршин-и7ь]

Hey, I want to set this background as a wallpaper =)

[@HuynhLuong227]

Now just support Firefox, hope it work in modern browser

[@duotoasty]

😻

[@aram5642]

One of the big losses on YT - that this channel was put to an end.

[@NeedBetterLoginName]

Nice instructive video but this only reaffirms the belief that CSS and HTML are abominations from a language design point of view and we should start over.