[cyuu@cat]# _

[Posts] - November 18th, 2021 - Little Website Tips I've Picked Up On

- Make your pixel images crisper and clearer by disabling antialiasing with style=image-rendering:pixelated;
This is done in the img tag in your HTML file.

- You can add a glow effect to your text by adding a shadow that's the same color as the font color. The website title was given its glow with text-shadow: 2px 2px 7px white, for example.

- Don't forget to set the charset in your head tags! Do it with <meta charset="utf-8">.

- There's some very helpful escape characters. If you've ever noticed that HTML removes the second (or third, fourth, and so on) space when you type them right by each other, that can be fixed by replacing the second space with &nbsp;. Brackets can be kept by replacing < with &lt;, and replacing > with &gt;.

- If you'd like a certain page to not be indexed by most search engines (including Google), put <meta name="robots" content="noindex"> in your head tags.

- Be very careful when picking between left text alignment and center alignment. Center looks better, but left is so much easier to read.

- Out of all the documentation that you should be reading, Mozilla's is probably the best.

- This is more of an organizational tip, but I highly recommend keeping a template page so you don't have to copy chunks of old pages when you make a new one.