This content originally appeared on DEV Community and was authored by Stephan Nijman
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.
Small #css tip: You can prevent users from selecting text on your site by setting the css user-select property to none; #100DaysOfCode #DEVCommunity
?Check out the CodePen below12:27 PM - 11 Mar 2021
User-select docs: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
Css :is()
Small #css tip: Instead of writing out a lot of chained selectors we can use the :is() function to shorten these. #100DaysOfCode #DEVCommunity
?Check out the CodePen below11:54 AM - 12 Mar 2021
:is() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:is
Css viewport units.
Small #css tip: Instead of using pixels or rems you can also use css viewport units (vw, vh, vmin, vmax) to make your websites more responsive. #100DaysOfCode #DEVCommunity
?Check out the CodePen below.12:48 PM - 16 Mar 2021
Css logical properties.
Small #css tip: If you need to support multiple writing directions (rtl, ltr etc...) you could use Css Logical Properties to automatically change your margins, paddings and borders to match the used direction. #100DaysOfCode #DEVCommunity
?Check out the CodePen below.12:43 PM - 17 Mar 2021
Css logical properties docs: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
Subscribe and Follow
Subscribe to my Youtube channel.
Thanks for reading/watching and stay safe
This content originally appeared on DEV Community and was authored by Stephan Nijman
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
Stephan Nijman | Sciencx (2021-04-12T08:12:31+00:00) Some small Css tips #014. Retrieved from https://www.scien.cx/2021/04/12/some-small-css-tips-014/
" » Some small Css tips #014." Stephan Nijman | Sciencx - Monday April 12, 2021, https://www.scien.cx/2021/04/12/some-small-css-tips-014/
HARVARDStephan Nijman | Sciencx Monday April 12, 2021 » Some small Css tips #014., viewed ,<https://www.scien.cx/2021/04/12/some-small-css-tips-014/>
VANCOUVERStephan Nijman | Sciencx - » Some small Css tips #014. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/04/12/some-small-css-tips-014/
CHICAGO" » Some small Css tips #014." Stephan Nijman | Sciencx - Accessed . https://www.scien.cx/2021/04/12/some-small-css-tips-014/
IEEE" » Some small Css tips #014." Stephan Nijman | Sciencx [Online]. Available: https://www.scien.cx/2021/04/12/some-small-css-tips-014/. [Accessed: ]
rf:citation » Some small Css tips #014 | Stephan Nijman | Sciencx | https://www.scien.cx/2021/04/12/some-small-css-tips-014/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.