Fundamentals

HTML

SEO (Search Engine Optimization)

• Use semantic HTML elements (<article>, <section>, <nav>, <header>, <h1><h2> etc.)
• Set meaningful <title> and <meta name="description" content="xxx"> for each page.
• Use of <alt> Attributes on Images
• Use <meta name="robots"> or robots.txt to control indexing.

Render Process

DOM + CSSOM => Render Tree
Layout(Size, Position) => Paint(Color, Background) => Composite
Recalculate Style => Reflow => Repaint => Compositing

This blog will walk you through how to develop a Chrome Extension. From concepts to practical examples, this guide will help you create your own Chrome Extension.

What can Chrome Extension do?

A Chrome extension is a small software program that customizes the Chrome browser. It can:

• Enhance user experience by adding new features.
• Interact with web pages.
• Automate repetitive tasks.

Some popular examples include ad blockers, language translators ( Grammarly ), and password managers.