To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Check color contrast in Firefox

Create triangles with css clip-path

Text version is here: https://gist.github.com/vanaf1979/b8c511e1ef1b638c310ce3d77beddd46

:first-child, :last-child and :nth-of-type selectors

Here’s a text version: https://gist.github.com/vanaf1979/c920cc3e365a6142f2ef756a9f09620e

:nth-of-type

Text version is here: https://gist.github.com/vanaf1979/adcdfd1991818f3e09b49bb641e0f192

Focus state.

Check browser support

Check out this Codesandbox for a live example: https://codesandbox.io/s/css-supports-tip-qz4xy?file=/styles.css

Want more of this?

If you would like to have these tips, and other stuff, in your twitter timeline come and follow me @Vanaf1979. If you just want the gist you can follow me on dev.to @Vanaf1979 or on as well Hashnode.

Thanks for reading and stay safe.

Share:

Leave a Reply