Avoid these Pitfalls while writing CSS for your Website
Minor but most essential things to keep in mind for smooth sailing while creating your website
Whenever writing CSS make sure you keep in mind the below-mentioned things
These things surely enhance the overall look of your website and prevent you from wasting your time and energy(and probably your good night’s sleep).
#1 Mind the font
When designing your website, you must keep these 2 crucial things in your mind.
- Keep the font-family same everywhere on your website; this maintains a flow in your website, making it user friendly and easy on the eyes.
- Keep only 2 or 3 different font-sizes. Too many different font-sizes create confusion, and you don’t want that to hamper the beauty and readability of your website. The ideal count for font size would be 2 or 3 but not more than that.
#2 Caution with the color scheme
The colour scheme of your website is an essential thing as it takes a considerable portion of your website.
The colours should be chosen in such a way that they don’t interfere with the content visibility of your website; in other words, the content should be clearly visible.
Also, try to keep the colours according to the actions in your website for, e.g., Red colour for delete, green for success. These colour to action binding aids the user and makes your website more user-friendly.
#3 Beware of overdoing
What painters, app-developers, game-developers, and web-developers have in common is overdoing things — adding more animations, more colors more CSS.
Sometimes we are not satisfied, we want to add more stuff to the website but doing more and more often ends up screwing things.
Honestly, this happens with everyone, even with me. At some point, further additions do not improve anything; instead, they take out the beauty from your website, and at that point, you should stop and admire your creation.
I would suggest using tools like Git while developing. If you screw up, you can always go back and work from there. Also, using Git this way enables you to compare multiple layouts and designs for your website without a hassle.