Before we start - I'm working on https://cloudash.dev, a brand new way of monitoring serverless apps 🚀. Check it our if you're tired of switching b...
For further actions, you may consider blocking this person and/or reporting abuse
It's crazy to me that CSS has these built in properties like the caret property, yet its not possible to change the style of an ul bullet point🤔 CSS is weird!
Great article!
Hey all, thanks for the tips! I actually already use pseudo elements in my CSS to style my lists!
I was instead just commenting about the qwerks of CSS, it's an interesting language to say the least.
CSS is ... interesting
It tries to be a lot of things and is not particularly good at most of them
Don't forget about CSS Counters!
developer.mozilla.org/en-US/docs/W...
A while ago I’ve learned about list-style, is this what you’re looking for? 🌟
css-tricks.com/almanac/properties/...
So there's no intuitive "list-style-color" property that would allow a different colored bullet to the font color, the common workaround has been to use spans inside list items and styling the spans with a different color value.
Mozilla have recently introduced a ::marker pseudo-element to allow this more easily, but support outside of Firefox isn't there yet. One to keep an eye on.
This made me laugh a little too hard because it's so true. Thanks for that!
You can still customize it using list images
I believe it does, list-style-type does the trick if I remember correctly.
You can apply bullet styles or images even: w3schools.com/cssref/pr_list-style...
I am proud to say i stopped using that flex article a while ago.
Instead i rely on auto-completion, and swapping the property names around frantically until i get them right... :D
Frantic Autocomplete Guesswork. It's the only way to code.™
accurate
flex is actually quite easy... The trouble now is using grids. Way less easy.
I've just switched from isotope to flex + progressive enhancement to grid, using @media and @supports. See github.com/pageboard/client/blob/0...
Grid template area is fun if you name everything similar like box1, box2, and so on. It feels like I'm drawing out the page this way.
Generally, a lot of things CSS was made for isn't working as supposed, while at the same time a lot of things can be made work with CSS that was never supposed.
backface-visibility prop. it makes me think of some really weird David Lynch movie
I'm more shocked by your comment about flex. I use it all of the time! In my school they taught us float first, and then flex followed by grid. I swear flex felt like a god send after trying to use float to position images.
tomasz i only had no idea about 6 of these, i cant believe you'd mislead me like this
Thank YOu!!!!!!
This was an interesting read @ 4:30 am. Thanks for the extra insight in regards to CSS.
Thanks for sharing these awesome tags 👍👍👌
Amazing post! Congratulations! I didn't know these CSS properties. Thanks for share this knowledge
PROPS for the Papa Roach reference!!!
Where can i get full list of all css property?
I've provided the command at the beginning of the article, you can run
npx get-all-css-properties
in order to get a complete listThanks :)
Well, seems like I wasn't a CSS programmer (I know it is not a programming language, just couldn't find another word), I was just assuming that I were.