| OLD | NEW |
| 1 <p>Use browser actions to put icons | 1 <p>Use browser actions to put icons |
| 2 in the main Google Chrome toolbar, | 2 in the main Google Chrome toolbar, |
| 3 to the right of the address bar. | 3 to the right of the address bar. |
| 4 In addition to its <a href="#icon">icon</a>, | 4 In addition to its <a href="#icon">icon</a>, |
| 5 a browser action can also have | 5 a browser action can also have |
| 6 a <a href="#tooltip">tooltip</a>, | 6 a <a href="#tooltip">tooltip</a>, |
| 7 a <a href="#badge">badge</a>, | 7 a <a href="#badge">badge</a>, |
| 8 and a <a href="#popups">popup</a>. | 8 and a <a href="#popups">popup</a>. |
| 9 </p> | 9 </p> |
| 10 | 10 |
| (...skipping 153 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 164 <li><b>Do</b> use browser actions for features | 164 <li><b>Do</b> use browser actions for features |
| 165 that make sense on most pages. | 165 that make sense on most pages. |
| 166 <li><b>Don't</b> use browser actions for features | 166 <li><b>Don't</b> use browser actions for features |
| 167 that make sense for only a few pages. | 167 that make sense for only a few pages. |
| 168 Use <a href="pageAction.html">page actions</a> instead. | 168 Use <a href="pageAction.html">page actions</a> instead. |
| 169 <li><b>Do</b> use big, colorful icons that make the most of | 169 <li><b>Do</b> use big, colorful icons that make the most of |
| 170 the 19x19-pixel space. | 170 the 19x19-pixel space. |
| 171 Browser action icons should seem a little bigger | 171 Browser action icons should seem a little bigger |
| 172 and heavier than page action icons. | 172 and heavier than page action icons. |
| 173 <li><b>Don't</b> attempt to mimic | 173 <li><b>Don't</b> attempt to mimic |
| 174 Google Chrome's monochrome "wrench" icon. | 174 Google Chrome's monochrome menu icon. |
| 175 That doesn't work well with themes, and anyway, | 175 That doesn't work well with themes, and anyway, |
| 176 extensions should stand out a little. | 176 extensions should stand out a little. |
| 177 <li><b>Do</b> use alpha transparency | 177 <li><b>Do</b> use alpha transparency |
| 178 to add soft edges to your icon. | 178 to add soft edges to your icon. |
| 179 Because many people use themes, | 179 Because many people use themes, |
| 180 your icon should look nice | 180 your icon should look nice |
| 181 on a variety of background colors. | 181 on a variety of background colors. |
| 182 <li><b>Don't</b> constantly animate your icon. | 182 <li><b>Don't</b> constantly animate your icon. |
| 183 That's just annoying. | 183 That's just annoying. |
| 184 </ul> | 184 </ul> |
| 185 | 185 |
| 186 <h2 id="examples"> Examples </h2> | 186 <h2 id="examples"> Examples </h2> |
| 187 | 187 |
| 188 <p> | 188 <p> |
| 189 You can find simple examples of using browser actions in the | 189 You can find simple examples of using browser actions in the |
| 190 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> | 190 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> |
| 191 directory. | 191 directory. |
| 192 For other examples and for help in viewing the source code, see | 192 For other examples and for help in viewing the source code, see |
| 193 <a href="samples.html">Samples</a>. | 193 <a href="samples.html">Samples</a>. |
| 194 </p> | 194 </p> |
| OLD | NEW |