nativeclient - Native code for web apps

http://code.google.com/p/nativeclient/

Native Client is an open-source technology that allows you to build web applications that seamlessly execute native compiled code inside the browser.
This Google Code project is for maintaining the Native Client implementation, including compiler and browser support.
If you're writing a compiler, are interested in porting Native Client to a new browser, or are researching the security mechanisms underlying Native Client, you can find useful resources in this project.

The Native Client SDK provides a set of APIs, documentation, and examples to show you how to write a module in C or C++ and communicate between the module and the HTML and JavaScript code executing in the browser. The SDK also includes a toolchain with a customized GCC compiler and GNU make files, allowing you to generate code that runs in the Native Client sandbox.

example
This page lists a few simple web applications that use Native Client modules:
http://code.google.com/chrome/nativeclient/docs/examples.html
Tutorial
http://code.google.com/chrome/nativeclient/docs/tutorial.html

Chrome Experiments - "Geoid Viewer"

Chrome Experiments - "Geoid Viewer" by Andrea Gatti

A visualizer of the geoid computed from GOCE satellite data.

All about SVG and all browsers; a trick to copy/paste svg in all browsers; SVG-edit is a Javascript-driven SVG editor that works in any browser; google docs drawing;inkscape; aviary Raven and extensions (screen capture)

"Preface"
Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for describing 2D vector graphics, both static and dynamic (interactive and/or animated).
Since they are XML files, SVG images can be created and edited with any text editor, but drawing programs are also available that support SVG file formats.

SVG≠Canvas. Canvas is a bitmap based format: the Canvas element provides an approach to rendering dynamic graphics in HTML that's procedural rather than declarative. Instead of specifying the shapes to draw in XML, the author executes drawing commands from a script. Canvas does not allow for static rendering, and drawn elements are not identifiable in a DOM-like way.

Interactive SVG: time-based modifications to the elements can be described in SMIL (Synchronized Multimedia Integration Language, is a W3C recommended XML markup language for describing multimedia presentations; SMIL is not yet native to web browsers, so in order to put SMIL in a web page, one must embed it and open it in a plug-in such as Quicktime or Windows Media Player), or can be programmed in a scripting language (JavaScript; see the example in this blog (bottom)). The W3C explicitly recommends SMIL as the standard for animation in SVG.
A rich set of event handlers can be assigned to any SVG graphical object.

----Rendering and copy/save a SVG in your browser (tag svg)

I tested two SVG in blogger (this ex-ample.blogspot):

• static SVG: http://ex-ample.blogspot.com/2011/07/svg-test.html
• interactive SVG: see the bottom of this blog.

List of results (last version of browsers; data@july 2011):

• chrome 14.0.814.0 dev: 
• rendering: OK
• right click: nothing.
• 
  
• Firefox 6.0b
• rendering: OK
• right click: nothing.
• 
  
• safari 5.0.5
• rendering: NO
• right click: nothing.
• Internet Explorer (IE) 8.0.600.18702 (with the Chrome Frame plugin for IE (http://code.google.com/chrome/chromeframe/))
• rendering: NO
• right click: nothing.
• Internet Explorer (IE) 9.0.8112.16421 (Native support became partially available in IE9 )
• rendering of the examples of this blog (embed SVG): NO
• right click: nothing.

More: http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(SVG)

Conclusion there are no native copy/save then we need plugin, extension, addon or... tricks.

Chrome: 

just a trick:

1. Right-click (mac: ctrl click) on the post  below "SVG test in blogger" (not on this text).
2. Select "inspect element" (the last item)
3. Chrome opens a new window "developper tools".
   It's a complex window but just copy (ctrl c) and close this window.
   Now your clipboard contains the code (between the svg tags).
4. paste in a text editor and save with "name.svg". 
5. You can copy in a post, etc...

 This solution gets the generated code (with the svg of the bottom of this blog, you must get the original source code, not the generated code).

-----just  some comments about 2 chrome extensions:

Save Canvas and SVG Element from right-click menu:

https://chrome.google.com/webstore/detail/mohncbcgngjkgmeapopaiibjpmgopgna?hl=en#

problem: doesn't work...

The extension "Docs PDF/PowerPoint Viewer (by Google)" opens a new browser window when the URL is a svg URL. It's a bad solution (many errors).

Firefox :

The same trick:
1) right click (mac: ctrl click) on a part of the drawing.

2) A context menu appears (sorry , in french but the item position is the same): 

3) Select "source code" (3nd item)

4) Firefox creates and opens a new window (source DOM of the selection: it contains the code between the svg tags):

5) Don't use "save" (many bugs), just copy the code and paste/save in a text editor and use "name.svg".

This solution only gets the generated code (with the svg @bottom of this blog, you must get the original source code, not the generated code).

Internet explorer:

I think that the same trick could be used (i will test...).

Ssrc SVG Plugin from Savarese Software Research Corporation is a plug-in for rendering SVG (rendering SVG and XUL ) in Internet Explorer versions 6, 7, and 8 (and source):

http://www.savarese.com/software/svgplugin/

------------Create/change/save SVG
ex-ample: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html
alpha: http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html

http://code.google.com/p/svg-edit/

SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

• Firefox 1.5+
• Opera 9.50+
• Safari 4+
• Chrome 1+
• IE 6+ (with the Chrome Frame plugin, native IE9 support in 2.6)

This editor depends on many other open-source projects. See Acknowledgements for details.

In browsers that support the W3C File API, this editor allows you to open local files. The set of browsers in which this supported is: Firefox 3.6+, Chrome 6+, Safari 5+, and Opera 11.10+ (builds from 2011-04-05 onwards).
-------
http://diagram.ly/
An online free javascript based tool that allows you to save the diagrams you create online as svg files.
-------
Google Docs (drawing) can create and export a drawing into SVG files:

------
OpenOffice.org Draw can export SVG drawings. Import extensions are available to import SVG images into OpenOffice.org Draw.

-------------------
http://inkscape.org/
desktop SVG (freeware, open)
download:
http://sourceforge.net/projects/inkscape/files/
http://inkscape.org/download/?lang=en

• Mac OS X
• OS X 10.6, Snow Leopard – Universal .dmg (requires Apple's X11/Xquartz 2.3.4 or higher)
• OS X 10.5, Leopard – Universal .dmg   (requires Apple's X11 2.1.6 or Xquartz)
• Windows – installer, portable, 7zip. 

-------------------
http://www.aviary.com/online/vector-editor#

http://www.aviary.com/
Aviary (application suite)
Aviary is a proprietary web-based multi-media application suite that is free to use. They are using the Adobe Flex platform for most of their tools.

• Phoenix - Advanced Image Editor. An web-based image editor that can be utilized by anyone looking to retouch and manipulate a photo. From basic image editing to manipulating complex effects, Phoenix delivers essential key features available in powerful desktop clients right through your browser.
• Peacock - Node based visual laboratory Peacock is a tool with depth and endless possibilities like dragging, dropping, and connecting generators, effects, resources, and controllers. Users can create stunning art by combining terrains, patterns, computational effects, and more.
• Toucan - Color swatches and palettes creator
• Rookery - Codename for the file system utilized by Aviary.
• Raven - Vector editor. Raven allows users to create fully scalable vector art appropriate for logos,.
• Talon - Chrome & Firefox Screen Capture Add-On. It will perform a screen capture of the visible portion of any webpage and then open the capture instantly in a basic image editor where you can do markup (draw arrows and rectangles), edit (crop, rotate and resize) and get the exact pixel colors of the image.
  https://addons.mozilla.org/en-us/firefox/addon/aviary-screen-capture-quick-la/
  https://chrome.google.com/webstore/detail/ncgcgghbabbopfcpgcjpfffdgnbadegf
  Chrome web Apps: https://www.google.com/enterprise/marketplace/viewListing?productListingId=3442+15105250666671696895
  https://chrome.google.com/webstore/search?q=aviary
• Falcon - Image Markup. Falcon can be used for resizing, cropping, rotating, and other simple editing. Falcon runs lightning fast even on the slowest connections, which makes for great results and sharing in no time!
• Myna - Audio editor. Myna is a powerful audio editing tool used to remix your favorite songs or record your own.
• Roc - Beat generator. With over 50 free instruments, users can create simple beats or an masterpiece with a simple point and click interface

-----------------

Adobe Illustrator ($$$): http://www.adobe.com/products/illustrator.html

Illustrator CS5 HTML5 Pack (free add-on): http://labs.adobe.com/technologies/illustrator_html5/

http://www.adobe.com/aboutadobe/pressroom/pressreleases/201009/091310AdobeDeliversHTML5PackIllustrator.html

All about bookmarking. Chrome's bookmarks are not on google docs! "chrome bookmarks" import/ export; synch with all browsers; Comparison of browser synchronizers. Bookmarklet

A) Chrome's bookmarks as example
B) Browser Synchronizer
C) Bookmarks management and classification system
D) Some tools for bookmarking


A) Chrome's bookmarks as example
Since 01/2011, chrome's bookmarks have NOT been stored in your google docs folder under the Google Chrome folder:

http://www.google.co.uk/support/forum/p/Chrome/thread?tid=429f269596b49ecf&hl=en

--IMPORT

Import bookmarks (also called favorites) from Firefox or Internet Explorer:

http://www.google.com/support/chrome/bin/answer.py?hl=en&answer=96816

Import bookmarks from any browser:

Export bookmarks from any browser as a HTML file and save the file to your computer.

Click the wrench icon on the browser toolbar in Google Chrome.

Select Bookmark manager.

1. Click the Organize menu in the manager.
2. Select Import bookmarks.
3. Open your saved HTML file.
4. The bookmarks from the other browser will now appear as a subfolder within the "Other bookmarks" folder at the end of the bookmarks bar.

-EXPORT

Export bookmarks from Google Chrome

Click the wrench icon on the browser toolbar.

Select Bookmark manager.

Click the Organize menu in the manager.

Select Export bookmarks.

Choose a location where you want your exported file to be saved, then click Save.

Google Chrome will export your bookmarks as a HTML file and each folder is between H3 tags.

---------

From the point of view of interoperability, Chrome's bookmarks and Google bookmarks are not good products/services:

http://ex-ample.blogspot.com/2011/06/no-link-between-synchronizing-your.html

http://www.google.com/support/forum/p/Chrome/thread?tid=77fb3b55cbb73bde&hl=en&start=120

Google Chrome's Bookmarks use folders instead of labels.

Google's Bookmarks uses labels instead of folders:

Google Chrome bookmarks are separate from those saved in Google Bookmarks. While it's currently not possible to automatically sync these two sets of bookmarks, you can use a bookmarklet (see below at the end of this post) to easily create Google Bookmarks in Google Chrome. Drag this bookmarklet to the Google Chrome bookmarks bar:

http://www.google.com/support/chrome/bin/answer.py?answer=100215

It's a small javascript code. Any time you visit a webpage that you want to save to your Google Bookmarks page, simply click the bookmarklet in the bookmarks bar...

The Chrome's bookmarks service (or firefox, safari, Internet explorer bookmarks) is a not only a bookmark tool:

1) First service (classic bookmark): if you come across an interesting website that you'd like to save, click  at the right end of the address bar to create a bookmark.

2) Second service: when you type in the address bar of your browser, the bar automatically shows you matches from your (i)apps, (ii)bookmarks, and (iii)browsing history. Additionally, Google Chrome can use a prediction service to show you related search terms and websites. These icons in the address bar help differentiate between the different items you may see:

• The  icon appears next to bookmarked sites.
• The  icon appears next to sites from your browsing history. 
• The  icon appears next to web apps you've installed from Chrome Web Store.
• The  icon appears next to searches, including related searches if you have the prediction service turned on.
• The  icon appears next to related sites, when you have the prediction service turned on.

B)Browser Synchronizers

----------------http://en.wikipedia.org/wiki/Comparison_of_browser_synchronizers

a)----------------http://www.xmarks.com/

Xmarks syncs across different browsers and provides direct access to all of your bookmarks from ANY machine (you must install a plug-in in your browsers) with access to the internet by logging in.

Xmarks is not an open project.

Alexa 2400 (data@july 2011).

http://en.wikipedia.org/wiki/Xmarks

Xmarks is a free add-on for your browser that synchronizes and backs up your bookmarks across multiple computers and more (Xmarks helps you find the best sites on the web based on what millions of people are bookmarking).

The Xmarks bookmark synchronizer is an extension for Mozilla Firefox, Internet Explorer, Google Chrome and Apple Safari (on OS X 10.5 and 10.6); not for opera.

http://download.xmarks.com/download/all

Direct download for chrome: https://chrome.google.com/webstore/detail/ajpgkpeckebdhofmmjfgcjjiiejpodla

Xmarks provides an option to encrypt bookmarks while they are in transit between the browser and the Xmarks server. Individual users' bookmarks are kept private from other users (but you can share some folders).

You can also save open tabs.

Method: it uses folders instead of labels.

Interoperablity (low):

import only from delicious

export only HTML.

USE xmarks for the backup of your google's bookmarks and also to synchronize with other computers.

b)----------------http://sitebar.org/

Alexa 47 000 (data@july 2011).

http://en.wikipedia.org/wiki/SiteBar

SiteBar is a free Online Bookmark Manager (and Bookmark Server).

SiteBar is a solution for people who use multiple browsers or computers and want to have their bookmarks available from anywhere without need to synchronize them or take them along. The bookmarks are stored on a server - this could be:

• a SiteBar server run by its authors (you don't need to install SiteBar software - just sign up our service);
• another public server running our SiteBar software;
• your own server running our free SiteBar software.

Integration with Many Browsers: not with Chrome and Safari

SiteBar is a ready to use Internet Explorer Favorites Manager, Firefox Bookmark Manager, Mozilla Bookmark Manager, Opera Bookmark Manager ...

Bookmark Import and Bookmark Export:

for Mozilla Firefox, Microsoft Internet Explorer, Mozilla/Netscape, Opera, XBEL, RSS, Atom, OPML, RDF

c)-------many good ideas: http://arado.sourceforge.net/

Arado Websearch is an open source Bookmark-Database for Websearch. You easily can save and organize your favourite URLs (Bookmarks). So, Arado Websearch is a complete bookmark management solution that will allow you to synchronize, organize, manage, remove duplicates and check your favorite internet pages, if their content has changed.

The database can be networked with your further devices like laptop, mobile phone, home or work PC, so that all added URLs are synchronized with your connected devices. 

It is like "Excel" or OpenOffices´ "Calc", in wich youl save e.g. your values of expenditure on food. Like "BiblioteQ.sf.net" is storing library metadata for your book or cd collections - ISBNs and titles -, Arado is storing web URLs as metadata in your local bookmark-database. While BiblioteQ uses the library protocol "Z39.50" to connect to the library and saves the data in your local database, Arado uses the normal simple web protocol "http" to connect two or more of your devices and synchronize your bookmark-URLs.

-----------
C)Bookmarks management and classification system

a)"social bookmarking" and classification system

In a social bookmarking system, users save links to web pages that they want to remember and/or share.

These bookmarks are usually public, and can be saved privately, shared only with specified groups, shared only inside certain networks. The allowed people can usually view these bookmarks chronologically, by category or tags, or via a search engine.

http://en.wikipedia.org/wiki/List_of_social_bookmarking_websites

For example Delicious (http://www.delicious.com/) uses a non-hierarchical classification system in which users can tag each of their bookmarks with freely chosen index terms.

With delicious a user can download his or her own data through the site's API in an XML or JSON format, or export it to a standard Netscape bookmarks format.

b) yahoo bookmarks : http://bookmarks.yahoo.com/

You can use your google account or openId account.
You can use folders and categorize and tags.

Yahoo! Bookmarks offers many improvements :

• Searchable: All your Yahoo! Bookmarks are searchable. No more scrolling through long, unwieldy lists to find a link.
• Cached Copy: Yahoo! Bookmarks lets you save both a link to the live web page and a cached copy of the page, just in case the original page is not accessible.
• Easy to Categorize: You can categorize bookmarks into folders, label them with "tags", or do both so that it's even easier to retrieve what you save. You don't have to worry about where you placed a bookmark. You can simply search through your bookmarks to find what you saved.
• Accessible Anywhere: Now you can access and manage your bookmarks from any computer.
• Easy to Share: The Send buttons in your toolbar and on Yahoo! Bookmarks allow you to easily share your favorite bookmarks with your friends via email or instant messenging.

http://help.yahoo.com/l/us/yahoo/bookmarks/bookmarks/bookmarks-02.html


import: click "tools" (bottom of the page)

export: click "tools" (bottom of the page)

save from bookmarklets:  click "tools" (bottom of the page)

If you save chrome's bookmarks (html file) and import in yahoo bookmarks, Yahoo bookmarks service creates all the tree and all folders.  

D)Some tools for bookmarking
a) http://www.addthis.com/ makes sharing and bookmarking simple.
Three tools:

• http://www.addthis.com/: Copy and paste the code snippet "button" (300 button/services, Facebook, twitter, blogger...). See an ex-ample on the right-side of this ex-ample blog.
• http://www.addthis.com/tools: chrome, firefox, Internet explorer extensions (see below).
  android app...
• http://www.addthis.com/tools/bookmarklets (for all browsers, see below); 

With this extension, you have a sharing/service menu of 11 services (300 sites/services) which can be added (you can customize the list and the position in this list).

See:http://ex-ample.blogspot.com/2011/07/sharing-tools-addthiscom-and-blogger.html

b) http://en.wikipedia.org/wiki/Bookmarklet

A bookmarklet is unobtrusive JavaScript stored

• as the URL of a bookmark in a web browser or 
• as a hyperlink on a web page. 

Bookmarklets are saved and used as normal bookmarks. Whether bookmarklet utilities are stored as bookmarks or hyperlinks, they are designed to add one-click functionality/service to a browser or web page.

These "one-click" tools can add many services:

• Submit the current page to a blogging service such as Posterous or blogger or wordpress.com, link-shortening service such as su.pr, or bookmarking service such as Delicious or other bookmarks management services.
• Modify the appearance of a web page within the browser (change font size, background color...).
• Extract data from a web page (hyperlinks, images, text...).
• Query a search engine, with search term(s) provided by previously selected text, or by a dialog box.
• Submit the current page to a translation service.
• Set commonly chosen configuration options when the page itself provides no way to do this.

"Installation of a bookmarklet"

• is performed by creating a new bookmark, and pasting the code into the URL destination field, or
• it can be dragged and dropped onto the bookmark bar of your browser. 

iMacros Bookmarklet:

An iMacros Bookmarklet is a bookmarklet that starts an iMacros macro: http://wiki.imacros.net/Bookmarklet 

You need to have iMacros for Firefox or iMacros for Chrome installed for this to work, iMacros for Internet Explorer (http://en.wikipedia.org/wiki/IMacros).

http://www.iopus.com/imacros/

First released in 2001, iMacros was the first macro recorder tool specifically designed and optimized for web browsers and form filling.

As the iMacros bookmarklet can use all functions of iMacros it can automate more complex tasks e. g. run complete form filling sequences or start the up/download of files. In addition an iMacros based bookmarklet is much faster to create and requires no Javascript or DOM knowledge.

iMacros for Chrome uses bookmarklets by default to store the iMacros inside the regular Chrome bookmarks. So if you record an iMacros in Chrome, it has already the right format to be used inside a web page.

----------end

statistics and comparison of all browsers usage (also mobile), operating systems, search engines and social media in different countries; comparison of web analytics services

I-----Statcounter http://gs.statcounter.com/
(alexa rank: 165 data@july 2011)

StatCounter is a web analytics service. As of 1 June 2010, our tracking code is installed on more than 3 million sites globally. These sites cover various activities and geographic locations.

Stats are based on aggregate data collected by StatCounter on a sample exceeding 15 billion pageviews per month collected from across the StatCounter network of more than 3 million websites. Stats are updated and made available every 4 hours, however are subject to quality assurance testing and revision for 7 days from publication.


It publishes stats for the following:

• Browsers
• Browser Versions
• Mobile Browsers
• Operating Systems
• Mobile Operating Systems
• Search Engines
• Mobile Search Engines
• Mobile vs. Desktop
• Social Media

StatCounter Global Stats sample size per country/region:

http://gs.statcounter.com/StatCounterGlobalStatsMay10_SampleSizeCountryBreakdown.csv

3 possibilities for the output:

1. jpeg image
2. CSV spreadsheet format
3. embed HTML (see below). With right click (mac: ctrl click), you can save as jpeg or png.

Source: StatCounter Global Stats - Browser Market Share

-----------
II----http://marketshare.hitslink.com/
(alexa rank: 14 500; data@july 2011)
http://marketshare.hitslink.com/browser-market-share.aspx?spider=1&qprid=1


-many export:

• .pdf
• .doc (word)
• .xls (excel)
• .rtf
• comma separated values
• xml
• tab delimited
• .doc (word for macintosh)
• wordperfect
• embed (iframe;see above the result)

----------
---End

MathML3 sample

------------------sample 1

image of MathML rendering (Firefox 5 with STIX Fonts):

image of MathML rendering (chrome 14 with STIX fonts and MathJax; this blog):

See the quality of the rendering with your browser (and MathJax used by this "ex-ample blog rendering"):
(please install the "perfect" STIX fonts http://sourceforge.net/projects/stixfonts/)
$$c=\stackrel{\text{complex number}}{\overbrace{\underset{\text{real}}{\underbrace{a}}+\underset{\text{imaginary}}{\underbrace{bi}}}}$$

------------------sample 2

image of MathML rendering (Firefox 5 with STIX Fonts):

image of MathML rendering (chrome 14 with STIX fonts and MathJax; this blog):

See the quality of the rendering with your browser (and MathJax used by this "ex-ample blog rendering"):

$$\text{Logic: }\neg \left(p\wedge q\right)⟺\left(\neg p\right)\vee \left(\neg q\right)$$
$$\text{Boolean algebra: }\overline{\bigcup _{i=1}^n{A}_i}=\bigcap _{i=1}^n\overline{A_i}$$
------------------sample 3

image of MathML rendering (Firefox 4 with STIX Fonts):

image of MathML rendering (chrome 14 with STIX fonts and MathJax; this blog):

See the quality of the rendering with your browser (and MathJax used by this "ex-ample blog rendering"):

$${\int }_0^1{x}^{x}dx=\sum _{n=1}^{\mathrm{\infty }}{\left(-1\right)}^{n+1}{n}^{-n}$$

------------------sample 4

image of MathML rendering (Firefox 5 with STIX Fonts):

image of MathML rendering (chrome 14 with STIX fonts and MathJax; this blog):

See the quality of the rendering with your browser (and MathJax used by this "ex-ample blog rendering"):

$$M=\left[\begin{array}{cccc}{\alpha }_1& {\alpha }_1^q& \dots & {\alpha }_1^{q^{n-1}}\\ {\alpha }_2& {\alpha }_2^q& \dots & {\alpha }_2^{q^{n-1}}\\ ⋮& ⋮& \ddots & ⋮\\ {\alpha }_m& {\alpha }_m^q& \dots & {\alpha }_m^{q^{n-1}}\end{array}\right]$$

------------------end

"Task manager" of Google Chrome; le gestionnaire de tâches;monitor the amount of memory taken up; accès à l'espace mémoire occupé

Click the wrench icon on the browser toolbar.
Select Tools.
Select Task manager.

Use the Task Manager to get details about a specific process running in Google Chrome, or to force a misbehaving tab or application to close.

For each active item in Google Chrome, you can monitor the amount of memory taken up, the amount of CPU used, and the network activity (bytes sent and received).

Ref:
http://www.google.com/support/chrome/bin/answer.py?answer=95672

--------an example:

-the post editor of blogger takes 70MB.
-a rich complex HTML5 page ("HTML5 showcase"; local with google app engine) takes around 70MB.
"HTML5 showcase":
http://ex-ample.blogspot.com/2011/06/with-google-app-engine-there-are-no.html
http://www.htmlfivewow.com/slide1

The Gears team implemented a multi-process architecture in Chrome where, by default, a separate process is allocated to each site instance and plugin, a procedure referred to as process isolation. This prevents tasks from interfering with each other, increasing security and stability. An attacker successfully gaining access to one application cannot gain access to others, and failure in one instance results in a Sad Tab screen, similar to the well-known Sad Mac, but only a single tab crashes instead of the whole application. This strategy exacts a fixed per-process cost up front, but results in less memory bloat overall as fragmentation is confined to each instance and no longer requires further memory allocations.

Chrome includes a process management utility called Task Manager which allows the user to see what sites and plugins are using the most memory, downloading the most bytes and over-utilizing the CPU and provides the ability to terminate them.

Firefox and Safari are also adopting this architecture, meaning that most common browsers use a multi-process architecture.

---------en français:

Le gestionnaire de tâches permet l'accès à des détails à propos d'un processus en cours dans Google Chrome (ou pour forcer la fermeture d'un onglet ou d'une application défaillants).

Pour ouvrir le gestionnaire de tâches
1/Cliquez sur l'icône représentant une clé à molette  qui est située dans la barre d'outils du navigateur à droite.
Sélectionnez Outils.
Sélectionnez Gestionnaire de tâches.

Pour chaque élément actif dans Google Chrome, vous pouvez "surveiller" l'espace mémoire occupé, l'utilisation du processeur et l'activité réseau (octets envoyés et reçus).

Le gestionnaire permet d'arrêter un processus:
pour forcer la fermeture d'une page Web ou d'une application dans Google Chrome, sélectionnez la page Web dans le gestionnaire, puis cliquez sur le bouton Arrêter le processus.

HTML5 Rocks -A resource for open web HTML5-Rendering HTML5 in older browsers with Google Chrome Frame

HTML5 Rocks - A resource for open web HTML5 developers:
http://www.html5rocks.com/en/
HTML5 Rocks - Rendering HTML5 in older browsers with Google Chrome Frame:
http://www.html5rocks.com/en/tutorials/google-chrome-frame/

different release channels: download chrome developper channel for mac windows linux

Chrome supports a number of different release channels.  We use these channels to slowly roll out updates to users, starting with our close to daily Canary channel builds, all the way up to our Stable channel releases that happen every 6 weeks roughly.
http://dev.chromium.org/getting-involved/dev-channel

-------------Dev channel (alpha channel):
Google has released Chrome 14.0.797.0 Dev (@ june, 2011), a new alpha build of their web browser for Mac, Windows, and Linux users. Also available for Chrome Frame users, the new release brings an updated V8 engine, and a bunch of platform specific tweaks, including one for Mac users.
http://googlechromereleases.blogspot.com/2011/06/dev-channel-update_20.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+GoogleChromeReleases+(Google+Chrome+Releases)

Want to see what's happening quickly, then you want the Dev channel.  The Dev channel gets updated once or twice weekly, and it shows what we're working on right now.  There's no lag between major versions, whatever code we've got, you will get.  While this build does get tested, it is still subject to bugs, as we want people to see what's new as soon as possible.
link dev channel for mac:
http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac

------------beta channel
mac:
http://www.google.com/chrome/intl/en/make/download-mac.html?brand=CHKZ&platform=mac

------------Canary
Canary is a lightweight java desktop application that interact with twitter online service.
 http://code.google.com/p/canary/
download: http://tools.google.com/dlpage/chromesxs?platform=mac
Canary is an attempt to create a very lightweight Java desktop application to monitor and update the Twitter online "What Are You Doing" service. Its main advantages are that:

• it's lightweight (some effort has been made to keep it that way) so one does not need to load a fat browser to monitor twitter;
• it only uses POJOs (Plain Old Java Objects);
• it's open source so one can modify the hell out of it;
• Fast start-up
  Google Chrome launches in a snap.
• Fast loading
  Google Chrome loads web pages quickly.
• Fast search
  Search the web right from the address bar.

Canary was designed as a tutorial project and hence is fairly rough and unsophisticated at this point. More enhancements are planned for the future, due right about the time Vista becomes a robust and viable operating system.

WebP, WebM

logo webP: http://code.google.com/speed/webp/images/webplogo.png



----------------------------Intro 
WebP is an image format for lossy compressed image files. The format was first announced in 2010 by google.
WebP est un format d'image annoncé par Google en 2010 (comme nouveau mais en fait ce n'est qu'un composant du VP8).

As a derivative of the video format VP8, it is a "sister project" to the multimedia format WebM.
Il exploite un algorithme de compression avec pertes prédictif utilisé pour les images clés du VP8 qui est le codec vidéo du format WebM. 
Pour les images telles les captures d'écran avec des grands aplats et des textes, un format de compression sans pertes comme le PNG est plus adapté.
----------------------------Compatibili: 
The Google Chrome Frame plug-in for Internet Explorer and Opera 11.10.
http://www.google.com/chromeframe

All WebM-compatible browsers may also display WebP via a javascript shim:

• see a demo: http://antimatter15.github.com/weppy/demo.html
  or http://antimatter15.com/wp/2010/10/weppy-javascript-shim-for-webp-on-chrome-6-and-firefox-4-0/
  WebP is actually a lightweight container for a single VP8 frame (whereas WebM is a container based off Matroska meant for video). WebM support exists already in Chrome, Firefox and Opera (not safari 5.0.5...), so all that's needed to render it is to do a little magic to convert the RIFF encoded WebP image into a EBML/Matroska encoded single frame WebM video, loading it in a video and replacing the .webp image with the video element.

Google has released a plug-in for Microsoft Windows that enables WebP support in Microsoft Office 2010:

http://code.google.com/intl/en/speed/webp/docs/webp_codec.html

Use this link Viewing WebP images on Windows

For mac , use graphic converter (safari downloads webP file).

WebP converter download

Convert your favorite collection from PNG and JPEG to WebP by downloading the precompiled cwebp conversion tool for Linux, Windows or Mac OS X.

Gmail and Picasa Web Albums (Google web applications) support WebP.
----------------------------Metadata 
The RIFF container leads to an overhead of only 20 bytes and can hold additional metadata.
Le fichier webp peut contenir jusqu'à 4 métadonnées supplémentaires (nom de l'auteur, titre de l'image, informations sur le droit d'auteur, commentaires).

----------------------------Bookmark 

FAQ: http://code.google.com/speed/webp/faq.html
home: http://code.google.com/speed/webp/

----------------------------Use
The Previews feature of Google Search currently uses WebP internally to reduce disk space.
----------------------------Criticism

1) size: 

WebP is bitstream-compatible with VP8 and uses 14 bits for width and height. 

The maximum file size for WebP is 16383x16383 pixels.

La taille maximale d'une image WebP est de 16 383 × 16 383 pixels, soit environ 260 mégapixels.
This seems very limited given 25+MP cameras these days—and increasing.

2) blur: 

http://x264dev.multimedia.cx/archives/541

3) google?

https://www.eff.org/deeplinks/2004/04/gmail-rough-guide-protecting-your-privacy

Faut-il craindre l'abus de position dès ce niveau?

4)...

An extension: ScribeFire-> Fire up your blogging

ScribeFire: Fire up your blogging

You can post to blogs from Wordpress, Blogger, TypePad, Windows Live Spaces, Tumblr, Posterous, Xanga, LiveJournal, or any other blog that supports the MetaWeblog or MovableType APIs.

You can edit and update existing posts. You can schedule posts for the future (if your blog allows that). You can delete posts. You can save drafts.  You can tag and categorize. You can upload images.

ScribeFire for Chrome has a simple interface that is so simple even a caveman could use it, and anything you're working on is saved if you close the editor and restored when you come back.  It really is the easiest way to update your blog.