...
- BuiltWith Technology Profiler - Use this to scan what tech a website is using
- JSON Viewer Awesome - Use this to format json to make it more readable
_________________________________________________________________________________________________________________
Tips:
Use when creating a website’s structure and content
- Learning HTMLis absolutely key to designing any website, so click on the link to go through a solid tutorial.
- Below are tools that will help you construct HTML quickly○
- Use Boilerplate text: HTML documents will need the same fundamental tags to set up a website page. Save yourself time and download a boilerplate, which are sections of code that have to be included in many places with little change
- Note: Visual Studio Code environment has a marketplace for this functionality. If you use VSCode, this would be the recommended way to implement this.
- Utilize Google fonts: for customizing the font of a website, Google Fonts offers a free way to embed fonts into your website.
- Below are other good tips to remember when creating HTML:
- Avoid Inline Styles: The main purpose of HTML and CSS is separating concerns between website structure and styling. If an element needs to be styled a certain way, creating a CSS id or class is best
- Always have the alt attribute for image tags: it helps the web crawler index your website content better and helps a user decide if a picture is important
- Don’t use multiple line breaks: While it may be easy to implement multiple <br> tags to separate content, the best practice is to either split the text into separate paragraphs, or adjust the margin styled by CSS
- Use Boilerplate text: HTML documents will need the same fundamental tags to set up a website page. Save yourself time and download a boilerplate, which are sections of code that have to be included in many places with little change