This time I want to discuss the benefits of making your blog CSS valid, especially CSS3 valid.
What is CSS?
Maybe you often hear this term, CSS. Do you know what this CSS means? According to Wikipedia CSS is:
A style sheet language used for describing the presentation of a document written in a markup language.
Simply put, CSS is a set of code used to describe written documents. Give color, change size, adjust position, and several other layout settings. Everything can be done by utilizing this CSS. So what is CSS3?
Again according to Wikipedia, CSS3 is:
An abbreviation for Cascading Style Sheets, level 3, a declarative stylesheet language for structured documents.
Maybe if I explain it, it’s as easy as this. CSS has experienced a lot of development. Initially CSS1, then underwent several changes and became CSS2. Then some time passed, CSS developed again to a better stage and became known as CSS3. Maybe the flow is like telephone providers who initially had GPRS-2G-3G-4G and so on until people got bored of developing technology.
Benefits of Valid CSS / CSS3
So, now I want to explain a little about the reasons why you have to make your blog CSS valid, especially CSS3. As we know, there are many browsers used by people all over the world. Perhaps some that are very familiar to our ears are the two giant browsers, namely Mozilla Firefox and Google Chrome. But did you know that there are actually many other browsers that are also widely used in the world, such as Opera, UC, Edge, Safari and many more.
Well, not all browsers can read the new CSS mark-up. So if our blog’s CSS is invalid, don’t be surprised if one day someone asks a friend, “Why does the blog look like this, like that?” The most likely answer is because the CSS you use on your blog is not processed perfectly by the browser used by visitors to your blog.
In essence, by making your blog valid CSS/CSS3, you can avoid incidents where your blog’s appearance is damaged in some browsers. So!
How to Make a CSS / CSS3 Valid Blog
So, friends, are you interested in making your blog CSS/CSS3 valid? If yes, all you need to do is follow the simple instructions below:
- Please open http://jigsaw.w3.org/css-validator.
- Enter your blog’s URL in the column provided. If your blog’s CSS contains an error, it indicates that your blog’s CSS is not yet valid.
- To handle this, you can delete the CSS Syntax error or fix it.
- For Warnings, friends, you can ignore them because they won’t have a big impact. Usually warnings occur because the CSS code you use is specific, such as ‘-moz-’ which only applies to the Mozilla Firefox browser. After deleting, please do steps 1–2 until all errors are gone.
- Done.
If you do it correctly, your blog will be rewarded by W3 with a badge like the one I have below:
How about it friends, it’s very easy, isn’t it? Please friends, try it. If friends encounter difficulties or problems, please share them in the comments column. If possible I will help.
Note: Make sure you check these three pages: Homepage, Posting Page, and Static Page so that all pages on your blog are verified as valid CSS/CSS3.
Conclusion
Creating a blog that has valid CSS will really help you in designing because the code becomes simpler and more organized. Apart from that, it can also provide more enjoyment for visitors because the appearance of the blog will be consistent without major changes when opened in a different browser.
Hopefully my writing can help. Cultivate being a good blogwalker by leaving traces (at least commenting). Thank you and see you in my other writing.
Greetings blogger and see you in my other writing.
Reference:
