DEV Community

loading...
Cover image for Some small Css tips #002

Some small Css tips #002

vanaf1979 profile image Stephan Nijman Originally published at since1979.dev ・1 min read

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


A live Codesandbox is here: 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 here on dev.to @Vanaf1979 as well. Or you could check out my blog at Sinse1979.dev

Thanks for reading and stay safe.

Discussion (0)

pic
Editor guide