Tina HuynhIf you're just starting out with your very first web page, congrats! This is your first step. I hope this list will be helpful for you. If you are an experienced developer, feel free to add your own tricks in the comments. I always love learning from you all.
HTML
Style HTML using style sheets wherever possible.
No more tags or inline style code anymore! You'll have more control over your pages' look and feel by editing one style sheet file.Use an HTML validator
These will pick up potential problems. HTML validators are a good way to learn about the correct way to use HTML tags. W3C Markup Validation Service and WDG HTML Validator are free.Don't forget to document your code
This shouldn't have to be said but everyone needs some reminding from time to time.Set widths and heights for images
Images can often be distorted when the size is not specified. Web browsers can format the page more quickly since you have specified how to display the images before download.
Helpful Links
CSS
Use reset.css
This resets all fundamental styles. That way you will start with a real blank new style sheet. Eric Meyer's CSS Reset is commonly used.Use shorthand CSS
It not only gives you a shorter way to write your CSS but it makes your files cleaner, clearer, and easier to understand.Understand
classvsid
classis represented by a dot "." andidis presented by a hash "#".id's are unique to that single element butclasscan be re-used.Use the developer tools for your browser
Right click -> Inspect
This will give you a preview while giving you the ability to change the CSS and see live changes.Learn about how elements are positioned
What does `position: absolute' do? How does flexbox or grid work? By knowing the fundamentals of how things work, you'll be able to modify them to your own needs. Learn the rules to break the rules.
