CyberSEO Pro plugin for WordPress

Dark mode pictures & 4 other webdev tips you may want to know ๐Ÿš€

Read Time:1 Minute, 1 Second

1. Dark mode pictures

This is how you can display different pictures in dark mode:

Dark mode pictures & 4 other webdev tips you may want to know ๐Ÿš€

More on this topic on the article below:

2. HTML lang attribute

In HTML, the lang attribute specifies the language in which a content is written in and it can be used to help search engines index your site:

Image 2

3. CSS :lang

You can use the :lang pseudo-class to target elements based on the language they are determined to be in. Here is an example:

Image 3


Hi there! I’m Mustapha, a technical writer, speaker and a passionate JS / TS developer. Follow me on Twitter for daily tech tips ๐Ÿš€


4. No script

Use the <noscript> element to provide alternative content for browsers that do not support scripting, or in which javascript has been disabled:

Image 4

5. Devtools tip: Last evaluated expression

You can access the most recently evaluated expression by typing $_ in the console:

Image 5

 
 

That’s all for now. I hope you found this useful!
Leave a comment to let me know which tip (if any) you found useful โคต

Until next time, have a nice week!

What to read next?

Source: https://dev.to/mustapha/dark-mode-pictures-4-other-webdev-tips-you-may-want-to-know-2od

Creating Animated, Clickable Cards With the :has() Relational Pseudo Class Previous post Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
Jenkins: Creating a Pipeline for Python projects Next post Jenkins: Creating a Pipeline for Python projects

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.