| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 {{+partials.header_head}} |
| 5 <link href="{{static}}/css/index.css" rel="stylesheet" type="text/css"> |
| 6 <title>Google Chrome Extensions</title> |
| 7 </head> |
| 8 <body> |
| 9 {{+partials.header_body}} |
| 10 <div id="gc-container"> |
| 11 <div id="gc-pagecontent"> |
| 12 <table id="index"> |
| 13 <tr> |
| 14 <td> |
| 15 <h3>What are extensions?</h3> |
| 16 <p> |
| 17 Extensions are small software programs that |
| 18 can modify and enhance the functionality of the Chrome browser. |
| 19 You write them using web technologies such as |
| 20 HTML, JavaScript, and CSS. |
| 21 You can also use the extension system to build |
| 22 <a href="apps.html">packaged apps</a>, |
| 23 a downloadable kind of |
| 24 <a href="http://code.google.com/chrome/apps/index.html">installa
ble web app</a>. |
| 25 </p> |
| 26 <p> |
| 27 <img src="{{static}}/images/index/gmail-small.png" width="91" he
ight="35" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screens
hot of an extension's icon in the browser bar"> |
| 28 From a user's point of view, |
| 29 extensions and packaged apps are very different |
| 30 because they present very different user interfaces. |
| 31 Extensions have little to no user interface. |
| 32 For example, the image to the right shows the icon |
| 33 that provides the UI for the |
| 34 <a href="samples.html#gmail">Gmail extension</a>. |
| 35 </p> |
| 36 <p> |
| 37 <img src="{{static}}/images/index/html5app.png" width="200" heig
ht="160" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screensh
ot of a packaged app that implements a jigsaw puzzle"> |
| 38 Packaged apps, on the other hand, |
| 39 look and feel like regular web apps, |
| 40 with a big-screen design |
| 41 and rich UI. |
| 42 The image to the right shows a jigsaw puzzle game |
| 43 implemented by a packaged app. |
| 44 </p> |
| 45 <p> |
| 46 Both extensions and packaged apps bundle all their files |
| 47 into a single file that the user downloads and installs. |
| 48 This bundling means that, unlike ordinary web apps, |
| 49 extensions and packaged apps don't need to depend |
| 50 on content from the web. |
| 51 </p> |
| 52 <p> |
| 53 You can distribute your extension or packaged app |
| 54 by using the |
| 55 <a href="https://chrome.google.com/webstore/developer/dashboard"
>Chrome Developer Dashboard</a> |
| 56 to publish to the |
| 57 <a href="http://chrome.google.com/webstore">Chrome Web Store</a>
. |
| 58 For more information, see the |
| 59 <a href="http://code.google.com/chrome/webstore">store developer
documentation</a>. |
| 60 </p> |
| 61 </td> |
| 62 <td id="howDoIStart"> |
| 63 <h3>How do I start?</h3> |
| 64 <p></p> |
| 65 <ol> |
| 66 <li> |
| 67 Follow the <a href="getstarted.html">Getting Started tutorial<
/a> |
| 68 <!-- PENDING: once we have one for packaged apps, change to |
| 69 "for _extensions_ or _packaged_apps_" --> |
| 70 </li> |
| 71 <li> |
| 72 Read the |
| 73 <a href="overview.html">Overview</a> |
| 74 </li> |
| 75 <li> |
| 76 Keep up-to-date by reading the |
| 77 <a href="http://blog.chromium.org/">Chromium blog</a> |
| 78 </li> |
| 79 <li> |
| 80 Subscribe to the |
| 81 <a href="http://groups.google.com/a/chromium.org/group/chromiu
m-extensions">chromium-extensions group</a> |
| 82 </li> |
| 83 </ol> |
| 84 <p></p> |
| 85 <h3>Featured videos</h3> |
| 86 <p> |
| 87 <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4
B">Technical videos</a> <br> |
| 88 <a href="http://www.youtube.com/view_play_list?p=38DF05697DE372B
1">Developer snapshots</a> (below) |
| 89 </p> |
| 90 <p> |
| 91 <iframe title="YouTube video player" width="300" height="199" sr
c="http://www.youtube.com/embed/wRDPTnY3yO8?rel=0" frameborder="0" allowfullscre
en=""></iframe> |
| 92 </p> |
| 93 </td> |
| 94 </tr> |
| 95 </table> |
| 96 </div> |
| 97 </div> |
| 98 </body> |
| 99 {{+partials.footer}} |
| 100 </html> |
| OLD | NEW |