DEV Community

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

Some small Css tips #014

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.

Prevent users from selecting text.



User-select docs: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

Css :is()



:is() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:is

Css viewport units.



Css logical properties.



Css logical properties docs: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties

Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

Discussion (11)

pic
Editor guide
Collapse
ash_bergs profile image
Ash

Whoa, :is() is about to be my new favorite 😋

Thanks for the nice write-up!

Collapse
idarek profile image
Dariusz Więckiewicz

User-select depend on browser, on safari can select all without a problem.

Collapse
vanaf1979 profile image
Stephan Nijman Author

Thanks you for that feedback Dariusz. Safari is becomming the new internet explorer! :p

Collapse
idarek profile image
Dariusz Więckiewicz

Disagree with that.

Thread Thread
vanaf1979 profile image
Stephan Nijman Author

I get that. I was (partially) kidding of course! But this does make me curious what your thoughts are on this!?

Collapse
kashyappandya profile image
Kashyap Pandya

Never knew user select property, thanks Stephan.

Collapse
vanaf1979 profile image
Stephan Nijman Author

Your welcome Kashyap! :)

Collapse
vicible2 profile image
Manten Devillé

Really cool tips! Never heard about the :is() trick :)

Collapse
vanaf1979 profile image
Stephan Nijman Author

Thanks Manten! In some cases it can really clean up your selectors! :)

Collapse
jlrxt profile image
Jose Luis Ramos T.

Archivado. Gracias.

Collapse
vanaf1979 profile image
Stephan Nijman Author

De nada Jose! :p