Blog of our latest news, updates, and stories for developers

Introducing Google Browser Size

Wednesday, December 16, 2009
Share on Twitter Share on Facebook
Google
Labels: browser , labs

84 comments :

  1. CoolMattyDecember 16, 2009 at 5:28 PM

    Interesting tool, but it doesn't take into account the fact that many sites have fluid (resizing) designs. Thus, it's not really useful for determining if the content you want to appear is actually appearing in the percentile you want on a fluid design, without resizing your browser manually.

    ReplyDelete
    Replies
      Reply
  2. Moises JafetDecember 16, 2009 at 5:32 PM

    This comment has been removed by the author.

    ReplyDelete
    Replies
      Reply
  3. Collin1000December 16, 2009 at 5:40 PM

    Agreed, this needs to have some way to factor in a fluid design or re-sized browser.

    ReplyDelete
    Replies
      Reply
  4. felipusDecember 16, 2009 at 6:08 PM

    Like the tool, need a lot of work, but I like it.
    -What about a site that is centered on the screen?
    -Maybe the scale should be in devices resolutions (320x240, 640x480, 800x600....).
    -Could be fun if connected with google analytics...

    ReplyDelete
    Replies
      Reply
  5. codejoustDecember 16, 2009 at 6:12 PM

    It might be useful to use a javascript browser resize, instead of an overlay for the reasons listed above. That probably can be achieved with resizing the iframe for the site, but it would need to be toggled.

    ReplyDelete
    Replies
      Reply
  6. Joseph LamDecember 16, 2009 at 6:24 PM

    How about a browser plugin that both collects statistical data and provides analysis?

    ReplyDelete
    Replies
      Reply
  7. moijafcorDecember 16, 2009 at 6:45 PM

    Clever! Thanks for sharing it!

    ReplyDelete
    Replies
      Reply
  8. MikeyDecember 16, 2009 at 6:49 PM

    It's surprising you guys still think the fold still holds any significance.

    http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm

    Otherwise, kudos for brining more tools to Chrome.

    ReplyDelete
    Replies
      Reply
  9. raDecember 16, 2009 at 6:58 PM

    Great, but for websites centering or resizing their site automatically for browser sizes, it doesn't work without manually resizing the browser.
    Would work better if you accommodated for that, and also maybe if you worked in resolutions.

    ReplyDelete
    Replies
      Reply
  10. jagan mangatDecember 16, 2009 at 7:39 PM

    very nice info nd help guide...........

    nd also help me have a good google page rank of my blog.......

    http://desicracks.blogspot.com/

    ReplyDelete
    Replies
      Reply
  11. RyanDecember 16, 2009 at 10:15 PM

    Where is this tool getting the data about the users per URL?

    ReplyDelete
    Replies
      Reply
  12. zxedDecember 16, 2009 at 10:38 PM

    back in the 90's ppl did develop sites top left. as others have pointed., todays sites are more fluid.

    also, wht is deriving the medians., it would be usefull to select/deselect operation systems, browsers., etc etc to drop off mobile devices.. 300x300 for 99% = no shit.

    ReplyDelete
    Replies
      Reply
  13. TeamDecember 16, 2009 at 10:40 PM

    I agree too. When i browse a website on my notebook the login button spans to the 1300res area which is 20% viewable but on my home pc which is 1024 res it resides inside the 90%. dues being problematic with fluid spanned designs.

    its a useful tool for centered not fluid designs like google usually does.

    ReplyDelete
    Replies
      Reply
  14. espinetDecember 16, 2009 at 10:53 PM

    Thats pretty cool how you resize the divs to make a window lol.

    I find that vertical scrolling is no big deal to me. Horizontal scrolling is something I despise.

    ReplyDelete
    Replies
      Reply
  15. BrandonDecember 16, 2009 at 11:13 PM

    Have you heard of or tried XScope? It's a OS X app that overlays visible content sizes for the various browsers. Take a look if you've got a mac.

    ReplyDelete
    Replies
      Reply
  16. johnjamesjacobyDecember 16, 2009 at 11:33 PM

    This is an incredibly neat little gadget. Good job guys.

    ReplyDelete
    Replies
      Reply
  17. eng. Ilian IlievDecember 16, 2009 at 11:33 PM

    Hi, maybe checking body width or something similar will help you detect more correct the size of pages with centered designs.

    10x for the tool

    ReplyDelete
    Replies
      Reply
  18. kemo_dDecember 16, 2009 at 11:49 PM

    As always, thank you very much :D

    I guess there are many designers that still don't have any idea of importance of end user browser size. This tool is a very clever way for testing.

    ReplyDelete
    Replies
      Reply
  19. ValDecember 17, 2009 at 12:32 AM

    1. Visitors' screen resolution data: generic or website specific?

    2. Screen resolution would not always reflect actual (normally resized) browser size.

    ReplyDelete
    Replies
      Reply
  20. PWSDecember 17, 2009 at 12:37 AM

    Nice tools, thanks a lot !

    ReplyDelete
    Replies
      Reply
  21. DiceDecember 17, 2009 at 12:59 AM

    Why are the lines drawn in ms paint?

    These need to be nice dotted straight lines or something!

    ReplyDelete
    Replies
      Reply
  22. energioDecember 17, 2009 at 1:05 AM

    great tool till it is update

    ReplyDelete
    Replies
      Reply
  23. BrymDecember 17, 2009 at 1:26 AM

    Yet another reason why I love coding in actionscript. Resize my website. All the content stays on screen, no scrolling, no fuss from the fold:

    http://www.fanhosted.com

    ReplyDelete
    Replies
      Reply
  24. Facewest - SamDecember 17, 2009 at 1:30 AM

    I think you can still get far more useful data by using analytics to track the viewport size of browsers visiting your site with events. In fact if this kind of visualisation could be tied into real data harvested from user data for a given site it might actually be extremely useful.

    ReplyDelete
    Replies
      Reply
  25. ChrisDecember 17, 2009 at 1:55 AM

    A great idea, although I'm disappointed that its just the same overlay for all sites, surely different audiences will have different splits?

    Its definately something I've been interested in for a while so if it can be improved on it has the potential to be extremely useful.

    ReplyDelete
    Replies
      Reply
  26. VictorDecember 17, 2009 at 2:11 AM

    +1 Facewest_Sam Demographics play a key factor in the design. Using general percentiles without correlating to site-specific data sets misleading constraints.

    ReplyDelete
    Replies
      Reply
  27. Jim PriorDecember 17, 2009 at 2:46 AM

    That’s a cool tool. What I reckon would be interesting to know, is the number of computers that don’t have scroll wheels, or some other kind of pseudo-scrolling method. Web stats tell us things like screen res, what OS, which browser versions, and so on, pity they can’t indicate the scrolling capabilities.

    And larger monitor sizes are becoming more the norm now. But I wonder how many people do NOT have scroll wheels which makes scrolling less easy. Maybe just grandmas, who don’t know any better.

    Sometimes it surprises me how many people still use 800x600, or the occasional oddball who uses 640x480! Even handhelds have better resolutions than that.

    Mikey's comment about above the fold being old hat is interesting, but for some things I think it does matter. A good example of the “above the fold” point is the number of people who place Adsense ads on their websites to make money, but say they never make much from it.
    A key element to success is placing the ads above the fold, generally right at the top of the page, so they’re the first thing people see.
    Plus tailoring the ad appearance (as much as you can) not to look like an ad, but as if it is just part of the normal page content.
    When I did that consistently through my personal sites, my earnings quadrupled, perhaps even more.
    I generally make at least £150/month, but at other times of the year can go to £450/month.
    Nice pocket money.

    The other important thing is good SEO to get the traffic!

    ReplyDelete
    Replies
      Reply
  28. Kevin BrouwerDecember 17, 2009 at 2:57 AM

    @Mikey,
    The page you linked talks about vertical scrolling (up and down), but not horizontal (left and right). I consider that to be a far larger problem then vertical. Mostly because a scrollwheel will not (easily) allow it.

    As for the tool itself, I believe it should be used with great care, if at all. As shown above it does not take liquid designs into consideration. In addition I don't see what it offers over a simple resize of the browser window?

    Also, if its a simple overlay, why not make it into a bookmarklet? (http://en.wikipedia.org/wiki/Bookmarklet)

    Just m $0.02

    ReplyDelete
    Replies
      Reply
  29. KristofferDecember 17, 2009 at 3:32 AM

    Can you just make it as a image so I can use it in photoshop while designing instead?

    ReplyDelete
    Replies
      Reply
  30. duncanDecember 17, 2009 at 3:36 AM

    THERE IS NO FOLD!

    ReplyDelete
    Replies
      Reply
  31. MarcosDecember 17, 2009 at 4:00 AM

    The visitor's browser window size (and this statistics) was based on what?

    As mentioned earlier, this tool doesn't take into account that most of the sites have resizable designs, also doesn't take into account the current browser window size when using the tool.

    In my opinion its not helpful in the way it is.

    ReplyDelete
    Replies
      Reply
  32. etemizDecember 17, 2009 at 4:45 AM

    Great tool, thanks for sharing!

    ReplyDelete
    Replies
      Reply
  33. DominicDecember 17, 2009 at 4:48 AM

    Marcos, it does take it into account, you just have to use the page differently for fluid layouts: just resize your browser to your target percentage in each dimension, then check if the content is correctly rendered. Alternatively, resize your browser to the smallest it can be until something breaks or looks bad, then check the percentage of vistors to which the degradation applies.

    It's not hard.

    ReplyDelete
    Replies
      Reply
  34. Florian d'ErfurthDecember 17, 2009 at 5:16 AM

    I'm a webdesigner, and this is already one of the most usefull tool i ever used!

    Thanks a lot for sharing this :)


    PS: I have already enhanced my website ( http://derfurth.com/ ) with a bit of js magic so visitors see the goal if the window is too small

    ReplyDelete
    Replies
      Reply
  35. alastaircDecember 17, 2009 at 5:31 AM

    I'm curious about why the bottom-right hand corner is rounded off? Shouldn't the stats show a corner?

    It's a useful education tool from my point of view, alhtough it would good be for liquid layouts to either:
    - Make explicit that you need to re-size your browser, or
    - provide options for re-sizing the width of the site within the iframe, to simulate different resolutions.

    ReplyDelete
    Replies
      Reply
  36. SimonDecember 17, 2009 at 5:33 AM

    Interesting. Thanks for sharing.

    Like others have said though, most designs I do are fluid in one way or another. Sometimes just flexible borders, or centred, and often fully fluid layouts. It would be cool if anyone could come up with a way of handling this with a nice little tool like you've done.

    ReplyDelete
    Replies
      Reply
  37. Som ShekharDecember 17, 2009 at 5:41 AM

    Centered Screen doesn't work.

    After looking at this, the first thing i did was to look at my own site and since it is centred, the result is null for now.

    Hope it improves soon and we get more info.

    cheers.

    ReplyDelete
    Replies
      Reply
  38. G2LDecember 17, 2009 at 6:45 AM

    Handling resolution has always been a bugaboo for me, so a tool like this grabs my attention. But the browser itself resizes nicely if you give it the tools. Like following a car with a bumper stick that reads "I may be slow, but I'm ahead of you": if running 1280, I'll see so much; if running 800, I'd see less _but_ the browser compensates, so not really less after all. Gee, maybe I'm past this issue after all.

    ReplyDelete
    Replies
      Reply
  39. 37starsDecember 17, 2009 at 6:55 AM

    It would be better if it were a Photoshop layer. If you are concerned about the layout of your page, you are most likely not doing the design in an HTML editor. Instead you're using Photoshop (or equivalent app).

    ReplyDelete
    Replies
      Reply
  40. Jon WDecember 17, 2009 at 8:03 AM

    It must be hilarious for the Google developers when they read all these comments.

    ReplyDelete
    Replies
      Reply
  41. David VingeDecember 17, 2009 at 9:36 AM

    Great tool. Anything that I can use to explain/demonstrate this issue to out of touch designers and clients is useful.

    Regarding comments above:
    YES there is a fold. Ask anyone whose livelihood depends on e-commerce. Or sit in a room and watch usability testing with your customers trying to find important information "hidden" outside the initial view.

    If you are already designing truly fluid sites, do you need this tool?

    ReplyDelete
    Replies
      Reply
  42. tim.murphyDecember 17, 2009 at 9:52 AM

    It finally seems that mobile browsers have one advantage over the desktop. While it's difficult to know how an app appears across the number of devices in the market, at least there's some uniformity in display on each given device. Keynote is rolling out Mobile Device Perspective Interactive in January to see how apps show up across various smartphones. It'll be fun to do some discoverability research on smartphones when compared to the desktop variation illuminated with the tool in this article. Many assume that smartphone content is more difficult to find; however this may demonstrate that it isn't always the case.

    ReplyDelete
    Replies
      Reply
  43. DoréDecember 17, 2009 at 10:19 AM

    Interesting but... the same overlay is applied to any site u look up in the tool.

    An idea: a script that deploys in your site (like google analytics) and shows you the overlay based on the visitors of your site, not google's.

    Now that's actionable. Google's average is not as actionable unless you have little design experience and no clue about your site's visitors.

    Keep up the good work.

    ReplyDelete
    Replies
      Reply
  44. Adam OlsenDecember 17, 2009 at 10:29 AM

    Most well designed sites are fluid, but that doesn't mean they're perfect. Wikipedia's main english page for example uses 3 columns: sidebar, featured article, in the news. At 300px they'd be better going to single column. Good luck doing that without javascript though.

    ReplyDelete
    Replies
      Reply
  45. GregDecember 17, 2009 at 10:36 AM

    Well done... very simple and easy to understand. Its not perfect for every situation, but then again nothing really is. I expect the aim was not to solve everyone's problem, but rather to expose some useful information.

    The negative comments surprise and annoy me, but thats life on the internet I suppose. :)

    Well done again.

    ReplyDelete
    Replies
      Reply
  46. Michael ChermsideDecember 17, 2009 at 10:55 AM

    First: I find this to be REALLY handy... it's an easy way to answer a question that I often ask myself -- and normally I have to keep resizing my screen a lot to find the answer; with this I can just glance (or drag back and forth once if the layout is fluid.

    Second: I have a question. What is the source of your data?

    ReplyDelete
    Replies
      Reply
  47. LaidlawDecember 17, 2009 at 11:10 AM

    @Jon_W that's so funny, I was thinking the same thing!

    Thanks for the useful tool guys, keep up the great work.

    ReplyDelete
    Replies
      Reply
  48. mark beadlesDecember 17, 2009 at 11:24 AM

    Nice tool. If you could allow the user to select a virtual display size, then you could fix the very annoying problem of liquid designs. As it is, this tool gives misleading if not totally incorrect figures for liquid pages. Liquid pages are a valid and common design choice.

    ReplyDelete
    Replies
      Reply
  49. mark beadlesDecember 17, 2009 at 11:43 AM

    That said ... great work, Bruno.

    ReplyDelete
    Replies
      Reply
  50. Philip KahnDecember 17, 2009 at 1:08 PM

    Good idea, and I'd love to see one that takes liquid layouts into account. Maybe those boxes, but opaque, and on mouse-over you see what it looks like when the browser is physically sized to those dimensions? I think that's be much more useful.

    As it is, for example, anything that's centered on a larger viewing window gives totally nuts results without resizing your viewing window ... making the whole point kind of moot.

    ReplyDelete
    Replies
      Reply
  51. WarrenDecember 17, 2009 at 1:26 PM

    Yeah, as mentioned the centred/scaling sites have a bit of a problem with this, the idea is great and getting it from real data is important (more-so than just using a browser/window sizing tool)... But I will propose this.
    Why not add it into the 'overlay' function of analytics? Place it into the scenario of 'my data' and how 'my' site relates to 'my' viewers and what 'they' can see. We run a University web site so relating this to our stakeholders is important, even if now-days most users can see past the fold, if not the right-side scroll in the case presented above.
    Love the work, the idea is great.

    ReplyDelete
    Replies
      Reply
  52. James SvobodaDecember 17, 2009 at 1:29 PM

    This comment has been removed by the author.

    ReplyDelete
    Replies
      Reply
  53. James SvobodaDecember 17, 2009 at 1:37 PM

    Great tool, but I am with the others that a little tweaking would be good to address sites that are centered and at a fixed width... about 900 pix wide (give or take) seems to be fairly common to me and 90%.

    ReplyDelete
    Replies
      Reply
  54. Members Only Last MemberDecember 17, 2009 at 4:02 PM

    Excellent use of a simple tool to provide instant visual feedback. This kind of thing is great when you're working on comps or prototypes and want to test before committing to deeper development.

    ReplyDelete
    Replies
      Reply
  55. ThePhenomDecember 17, 2009 at 4:36 PM

    Why are people complaining about it not catering for liquid designs? All you have to do is resize your browser? Just grab the web developer toolbar.

    ReplyDelete
    Replies
      Reply
  56. ClintDecember 17, 2009 at 5:28 PM

    I agree with everyone who suggested to add this to analytics, I think it would be great to see an overlay.

    ReplyDelete
    Replies
      Reply
  57. ShankarDecember 17, 2009 at 8:15 PM

    Pretty cool....
    thanks for your information and its very helpful...

    ReplyDelete
    Replies
      Reply
  58. rr8004December 17, 2009 at 9:10 PM

    I really liked your blog! You have some great content. Please come visit my site Fortworth Business Directory when you got time.

    ReplyDelete
    Replies
      Reply
  59. rr8004December 17, 2009 at 9:10 PM

    I really liked your blog! You have some great content. Please come visit my site Fortworth Yellow Page Business Directory when you got time.

    ReplyDelete
    Replies
      Reply
  60. Hussam ZainDecember 18, 2009 at 5:09 AM

    this is really amazing service from GOOGLE.COM, you are always surprise us

    ReplyDelete
    Replies
      Reply
  61. Aakash PathakDecember 18, 2009 at 8:10 AM

    Good job.. i really liked it!!

    ReplyDelete
    Replies
      Reply
  62. HakimDecember 18, 2009 at 12:30 PM

    If your webpage is centered or margin:auto.

    Just adjust your browser window to the desired resolution indicator. 640x480 800x600 1024x768 are very common.

    ReplyDelete
    Replies
      Reply
  63. gsharpDecember 18, 2009 at 7:42 PM

    Interesting, but if the underlying data about viewport size does not come from my Google Analytics account then the results are too general to be reliable I think.

    ReplyDelete
    Replies
      Reply
  64. ibrahim aliDecember 19, 2009 at 6:07 AM

    PLEASE DOWNLOAD FROM WEBSITE www.goldenduas.com for peace, security, health and wealth for man kind. The same may be circulated for all concern based on Quranic verses 2:2,10:57,17:11 and 16, 28:59,39:55 and 57 and also 65:8

    Warm regards
    Ibrahim Ali

    ReplyDelete
    Replies
      Reply
  65. ibrahim aliDecember 19, 2009 at 6:35 AM

    PLEASE DOWNLOAD FROM WEBSITE www.goldenduas.com for peace, security, health and wealth for man kind. The same may be circulated for all concern based on Quranic verses 2:2,10:57,17:11 and 16, 28:59,39:55 and 57 and also 65:8

    Warm regards
    Ibrahim Ali

    ReplyDelete
    Replies
      Reply
  66. Seowebtrick TechnologyDecember 20, 2009 at 2:18 AM

    It's really a nice service...!

    ReplyDelete
    Replies
      Reply
  67. bmocDecember 20, 2009 at 2:19 AM

    Web developer toolbar - firefox addon has the feature that allows you to set the size of yours browser windows to for example 800x600 , 1024x768 ...or custom size. It's much more better because you really see the window size as it would see person who has the selected screen resoultion. No problem with fulid layouts, etc.

    ReplyDelete
    Replies
      Reply
  68. cihanDecember 20, 2009 at 9:48 AM

    http://language-learning-program.blogspot.com/

    Language Learning Programs and Ebooks

    Rosetta Stone, Tell Me More, Michel Thomas, Pimsleur, EuroTalk, Face2face, EFU, Berlitz, Oxford, Cambridge, Barrons, Colloquial, ESL, EFL, TOEFL, IELTS, LANGMaster, Rocket Languages, Teach Yourself, Touchstone and more...

    ReplyDelete
    Replies
      Reply
  69. Jose ArochaDecember 20, 2009 at 12:02 PM

    Thanks for sharing. Interesting tool.

    ReplyDelete
    Replies
      Reply
  70. SMARPADecember 20, 2009 at 1:18 PM

    This is a very nice project, why dont you do something about making it as a frame less to avoid other mobility issues too. Due to a large number of Pocket PC or small size screen nettops now a days.

    ReplyDelete
    Replies
      Reply
  71. ramDecember 26, 2009 at 11:25 PM

    nice tools ,helps to improve site design...

    ReplyDelete
    Replies
      Reply
  72. קידום אתריםDecember 29, 2009 at 4:25 AM

    all is shown over here is about LTR (Left 2 Right) websites.
    what about the RTL websites ? are you checking the direction of the webpage?
    because some conclusion about how the user see your site may be incorrect due to that.

    ReplyDelete
    Replies
      Reply
  73. Seowebtrick TechnologyDecember 29, 2009 at 4:36 AM

    Yeah,
    It's good for us.It's a very easy & simple process.
    http://www.solushunz.in

    ReplyDelete
    Replies
      Reply
  74. vmguyJanuary 4, 2010 at 10:28 AM

    http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm

    That page doesn't render properly on IE8, even in compatibility mode. Who is the audience?

    I don't want to use IE, I have to :-(

    ReplyDelete
    Replies
      Reply
  75. CameraJanuary 10, 2010 at 7:48 PM

    Thanks! it's good for us to know more about SEO...

    ReplyDelete
    Replies
      Reply
  76. BanzayFebruary 10, 2010 at 8:21 AM

    Super ! I like this servis !

    ReplyDelete
    Replies
      Reply
  77. infoFebruary 15, 2010 at 6:23 AM

    Cool thing, but why don´t you track the viewport by default with analytics. This would be cool.

    ReplyDelete
    Replies
      Reply
  78. ShanmuharajanMarch 25, 2010 at 7:14 PM

    I dont this browser size is of much use as fold is not considered as nowadays people are using higher resolution monitors and more over many sites have fluid (resizing) - http://edotsindia.blogspot.com/2010/03/browser-size-useful-tool-for-web.html

    ReplyDelete
    Replies
      Reply
  79. jpMay 5, 2010 at 9:15 AM

    For the folks saying that "there is no fold," I can't say I disagree with you, but you have to admit that the case study that was the impetus for this tool is reasonably convincing that being aware of browser viewport sizes is important.

    For those who wish this handled fluid and center-aligned layouts, I suggest:

    www.foldtester.com

    Shows what's up at different opacities, and allows you to change the alignment of the page ("left" or "center" only).

    ReplyDelete
    Replies
      Reply
  80. phazeiAugust 5, 2010 at 9:41 AM

    I'm using FF3.6.8. The page is very jumpy/stuttery. If there are large sections that are mouse over, it flickers as the mouse is moved around. Needs to resize before the mouse leaves the active area.

    ReplyDelete
    Replies
      Reply
  81. Tony DovaleOctober 12, 2010 at 11:30 PM

    Thaks guys - this will change how I redesign our page... www.lifemasters.co.za real team building in South Africa.

    I see we have 22000 searches a month in SA for "Team building, about 1000 of those get to my page... and about 60 ask for a proposal for some team building event... This will change my results...thanks!

    Tony Dovale -
    Life Masters Team Building South Africa.

    ReplyDelete
    Replies
      Reply
  82. imageiOctober 15, 2011 at 2:05 AM

    How about a chrome integrated developer tool that drops resolution overlays onto the chrome window, selected either by common resolution sizes or user percentage?

    ReplyDelete
    Replies
      Reply
  83. MoNovember 17, 2011 at 8:20 AM

    Is this template still relevant?

    ReplyDelete
    Replies
      Reply
  84. Marisa WrightJanuary 20, 2012 at 4:31 PM

    This looks like a great tool, but what about a site that's centered rather than aligned left? I'm not a developer so I have no clue why my sites appear centered - it seemed like that would be a good thing. But it means the tool doesn't work for me :(

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

  

Labels


  • .app
  • .dev
  • #AIY
  • #CSEdWeek
  • #devfest18 #devfeststories #gdg #googledevelopers #developers #community
  • #freeandopen
  • #GDC20
  • #GooglePlay #AndroidDevStory #PlayStore #DeveloperConsole #StoreListingExperiments
  • #growwithgoogle
  • #io12
  • #io13
  • #io14
  • #io15
  • #io16
  • #io17
  • #io18
  • #io2012
  • #io2013
  • #io2014
  • +1
  • 20% project
  • 3d
  • 3D face mesh
  • about.com
  • accelerator
  • Access
  • accessibility
  • Account Linking
  • actions
  • Actions Builder
  • Actions console
  • actions on google
  • Actions SDK
  • actionsongoogle
  • activity
  • Administrative APIs
  • AdMob
  • adobe
  • Adobe Creative Cloud
  • Adobe Creative Cloud Libraries
  • Ads
  • adsense
  • advanced
  • advogato
  • AdWords
  • africa
  • agency program
  • agpl
  • AI
  • AI Principles
  • AIY
  • AIY Projects
  • AIYProjects
  • ajax
  • ajax apis
  • ajax search
  • ajax search books news apis
  • Alfred Camera
  • all for good
  • amarok
  • AMP
  • AMP Cache
  • analytics
  • and Assistant
  • android
  • Android App Development
  • Android Developer
  • android developer certification
  • android developers
  • Android Development
  • Android Studio
  • Android Things
  • Android Tools
  • Android TV
  • android wear
  • android11
  • androidstudio
  • animation
  • Announcement
  • announcements
  • apache
  • api
  • API.AI
  • apis
  • apis console
  • apis explorer
  • apis. charts
  • app
  • app design
  • App dev
  • App Development
  • app engine
  • app indexing
  • app indexing api
  • App Invites
  • apple
  • Application Development
  • apps
  • apps script
  • AR
  • ARCore
  • area 120
  • artifact management
  • Artificial Intelligence
  • asia
  • assistant
  • atom publishing protocol
  • Audio
  • augmented faces
  • Augmented images
  • augmented reality
  • australia
  • Auth
  • authentication
  • authsub
  • automatic speech recognition
  • AutoML
  • awards
  • axsjax
  • barcodes
  • beacon
  • beacons
  • Belarus
  • bespin
  • best practices
  • beta
  • bigquery
  • bitcoin
  • Black Consciousness Day
  • Blockly
  • blogger
  • Bluetooth
  • book search
  • books API
  • bootcamp
  • braintree
  • Brazil
  • british english
  • Brotli
  • browser
  • Build Out
  • building ajax apps
  • BuildOut
  • Bulgaria
  • business
  • business console
  • buzz
  • c++
  • Cache
  • caja
  • caldav
  • calendar
  • camino
  • campfire one
  • caption
  • cardboard
  • CardDAV
  • cast
  • Cast Connect
  • celebrating
  • Certification
  • certification award
  • channel
  • chinese
  • chrome
  • chrome apps
  • chrome dev summit
  • chrome devtools
  • chrome experiment
  • chrome extensions
  • chrome os
  • Chrome OS IO
  • Chrome OS IO19
  • chrome web store
  • Chromebooks
  • chromecast
  • chromium
  • chronoscope
  • cifs
  • classes
  • classroom api
  • client libraries
  • closure tools
  • cloud
  • Cloud anchor
  • Cloud Anchors
  • Cloud Computing
  • cloud datastore
  • Cloud Functions
  • cloud functions for firebase
  • Cloud Next
  • cloud platform
  • cloud portability
  • cloud services
  • cloud sql
  • cloud storage
  • Cloud Study Jam
  • cms
  • coca cola
  • CocoaPods
  • code for educators
  • code jam
  • code review
  • code-in
  • codeedu
  • codelabs
  • coding
  • coffee with a googler
  • Colaboratory
  • collada
  • color
  • Colt McAnlis
  • commerce
  • community
  • community connectors
  • compatibility
  • competition
  • Compilers
  • compression
  • compressorhead
  • computer science
  • Computer Science Education Week
  • computer vision
  • computing heritage
  • conference
  • conferences
  • Console
  • contacts api
  • Containers
  • contest
  • contextual gadgets
  • conversation design
  • conversations
  • Coral
  • Coral updates
  • Core ML
  • couchdb
  • countdown to I/O 2012
  • country support
  • courses
  • COVID
  • COVID-19
  • COVID19DetectProtect
  • CPU
  • crash course
  • Crash Reporting
  • crashlytics
  • creative commons
  • cricket
  • crisis response
  • Croatia
  • Crostini
  • cryptocurrency
  • cryptography
  • css
  • css3
  • Custom Elements
  • custom search
  • custom search api
  • Czechia
  • DA
  • danish linux forum
  • dart
  • Data Compression
  • Data science
  • Data Visualization
  • database
  • Databases
  • Dataset
  • Datasets
  • datastore
  • dataviz
  • Daydream
  • deprecation
  • Depth
  • design
  • desktop
  • desktop apps
  • Dev Tools
  • devart
  • develop
  • developer
  • Developer Advocate
  • Developer Communities
  • Developer Culture
  • developer expert
  • developer features
  • Developer Keynote
  • Developer Preview
  • developer relations
  • developer student clubs
  • developers
  • developers. meetup
  • Development
  • devfest
  • devfest developer chrome maps social wave apps
  • DevFest18
  • DevFestStories
  • Device
  • DFP
  • Dia da Consciência Negra
  • dialogflow
  • differential privacy
  • discovery service
  • diversity
  • django
  • dns
  • do-it-yourself
  • Docker
  • docs
  • documentation
  • documents list api
  • dojo
  • domain
  • domains
  • doodles
  • dot net
  • doubleclick
  • dreamweaver
  • Drive
  • drupal
  • dsc
  • dynamic links
  • earn
  • earth
  • Ebay
  • eclipse
  • eclipsecon
  • eddystone
  • Edge AI
  • Edge TPU
  • Edge TPU Accelerator
  • Edge TPU Dev Board
  • educatio
  • education
  • email
  • EMEA
  • endpoints
  • enterprise
  • Entity Extraction
  • entrepreneurs
  • Error logging
  • Estimator
  • Estimators
  • estonia
  • Ethics
  • Europe
  • event
  • events
  • evolution
  • execution api
  • extensions
  • Fabric
  • face detection
  • Fairness
  • fairness in machine learning
  • faster web
  • FCM
  • FCP
  • featured
  • feeds
  • finance
  • fintech
  • Firebase
  • Firebase Analytics
  • Firebase Cloud Messaging
  • Firebase Dynamic Links
  • firebug
  • firefox
  • firestore
  • firevox
  • firstbeta
  • fitness
  • flutter
  • Flutter 1.2
  • Flutter 1.5
  • Flutter 1.9
  • Flutter at IO
  • Flutter Clock
  • Flutter Create
  • Flutter for desktop
  • Flutter for web
  • Flutter Interact
  • Flutter Live
  • flutter release preview 1
  • flutter release preview 2
  • Follow Us
  • font api
  • Fonts
  • fosdem
  • founders
  • freebsd
  • freenet
  • Fridaygram
  • fusion tables
  • G Suite
  • G Suite Developer
  • G+
  • gadgets
  • Game Developers Conference
  • games
  • gaming
  • gcc
  • gci
  • GCP
  • GDA
  • gdata
  • GDC 2020
  • GDC17
  • GDD
  • gdd07
  • gdd08
  • gdd09
  • GDD11
  • GDE
  • gdg
  • gdl
  • gdl weekly
  • gears
  • geo
  • geolocation
  • geoserver
  • GET
  • getpaid
  • ghop
  • Gigster
  • git
  • github
  • GKE
  • Glass
  • gmail
  • Gmail Add-on
  • Gmail API
  • Gmail APIs
  • GMTC
  • gnome
  • gnome women's summer outreach program
  • Go
  • golang
  • goo.gl
  • Google
  • Google AI
  • Google Analytics
  • Google APIs
  • google apps
  • google apps api
  • google apps for your domain
  • google apps marketplace
  • Google AR
  • google assistant
  • Google Assistant Bluetooth
  • Google Assistant Developer Day
  • Google Assistant IO
  • Google Assistant IO19
  • google assistant sdk
  • Google Brain
  • google buzz
  • Google Cardboard
  • google cast
  • google certification
  • google chart api
  • Google Charts
  • google checkout
  • google chrome
  • Google Cloud
  • Google Cloud Messaging
  • Google Cloud Platform
  • google cloud storage
  • Google Cloud Talks
  • google code
  • google code project hosting
  • google code search
  • google code university
  • google compute engine
  • Google Coral
  • google data apis
  • google data protocol
  • Google Data Studio
  • google developer day
  • google developer days
  • Google Developer Experts
  • Google Developer Groups
  • Google Developer Scholarship
  • google developers
  • Google Developers Academy
  • google developers certification
  • google developers community groups
  • Google Developers Groups
  • Google Developers Live
  • Google Developers site
  • Google Developers University Consortium
  • google docs
  • Google Docs Add-on
  • Google Docs API
  • google doctype
  • google domains
  • Google Drive
  • Google Drive SDK
  • google earth
  • google fit
  • Google Fonts
  • Google For Games
  • google for startups
  • google friend connect
  • google gadgets
  • google gears
  • google grants
  • Google Groups Settings
  • google health
  • Google Home Hub
  • Google I/O
  • Google Identity Platform
  • Google in Asia
  • google io
  • Google IOS Android
  • Google Maps
  • Google Maps Platform
  • google mashup editor
  • Google Noto fonts
  • google pay
  • google pay account
  • google pay api
  • google pay business
  • Google Pay Developers
  • Google Pay India
  • google pay integration
  • google pay support
  • google photos
  • google platform
  • Google Play
  • Google Play Developer API
  • google play services
  • Google Registry
  • google scholarships
  • Google Science Fair
  • Google sheets
  • Google Sheets Add-on
  • Google Sheets API
  • Google Slides
  • Google Slides Add-on
  • Google Slides API
  • google space
  • Google Spreadsheets API
  • google storage
  • google summer of code
  • Google tech talk
  • Google technology
  • google technoloy user groups
  • google tv
  • google visualization api
  • google wallet
  • Google Wave
  • google web elements
  • google web toolkit
  • Google Workspace
  • Google Workspace Add-ons
  • Google Workspace Developer
  • google.org
  • google+
  • GoogleAssistant
  • googlecast
  • googledevelopers
  • googleio
  • googlenew
  • GooglePlay
  • GooglePlay AndroidDev
  • googlewebelements googleio
  • GPE
  • GPGS C++ Games
  • GPT
  • Gradle
  • green linux
  • Groovy
  • Groups API
  • grow
  • grow with google
  • gsoc
  • GSuite
  • gtags
  • gtug
  • guest post
  • guice
  • gulp
  • GWSOP
  • gwt
  • gzip
  • hackathon
  • hacking
  • hackthon
  • hamilton
  • Handwriting
  • hangouts
  • Hangouts Chat
  • Hangouts Chat API
  • haproxy
  • Headset
  • hg
  • hibernate
  • howto
  • hpux
  • html
  • html5
  • http
  • I/O
  • I/O 17
  • I/O 2017
  • I/O Extended
  • I/O Live
  • ical
  • ICYMI
  • identity
  • ietf
  • ignite
  • igoogle
  • iguanas
  • iiw
  • Image Compression
  • image search
  • Imara
  • In-app billing
  • in-app payments
  • in-app purchase
  • incubator
  • India
  • indie
  • Indie Games Accelerator
  • information visualization
  • Instagram
  • integration status
  • intelligentwire
  • interactive music
  • International Women’s Day
  • internationalization
  • internet explorer
  • internet of things
  • internship
  • interviews
  • IO
  • IO17
  • io18
  • IO19
  • IO19 Flutter
  • IO2017
  • ios
  • iOS SDK
  • IoT
  • ipad
  • iphone
  • iPhone Development
  • israel
  • Issue Tracker
  • IWD 2020
  • jaiku
  • japanese
  • java
  • javascript
  • jetpack
  • joomla
  • joomladayus2007
  • joomladayusa
  • JS
  • json
  • karaoke
  • KDE
  • KDE 4.0
  • Keras
  • kernel
  • kernel summit
  • keynote
  • khronos
  • kids
  • kids coding
  • kids coding team
  • kml
  • korean
  • Kotlin
  • Krakow
  • Kubernetes
  • labs
  • lanchpad
  • language
  • languages
  • laptop apps
  • laptops
  • latam accelerator
  • LatAm startups
  • Latest
  • Latin America
  • latitude
  • latvia
  • launch
  • launchpad
  • launchpad accelerator
  • launchpad studio
  • LaunchShow
  • lca
  • Leadership
  • Learning
  • lens
  • lessons
  • licenses
  • linux
  • linux foundation
  • Linux on Chrome OS
  • Linux on Chromebooks
  • linux summit
  • linux virtual server
  • linuxconf eu
  • lithuania
  • Local Home
  • Local Home SDK
  • localization
  • Location
  • LoCo
  • Logging
  • london
  • mac
  • MacFuse
  • Machine
  • machine intelligence
  • machine learning
  • machine learning accelerator
  • maker
  • Makers
  • malware
  • maps
  • maps apis
  • Marketplace
  • material
  • material components
  • material design
  • MDL
  • MediaPipe
  • meetup
  • mercurial
  • Mexico startups
  • Micronaut
  • Microservices
  • MIT CSAIL
  • MIT Media Lab
  • ml
  • ML Kit
  • MLCC
  • mobile
  • Mobile App Development
  • mobile design
  • Mobile Development
  • mobile performance
  • mobile sites
  • mobile speed
  • mobile UX
  • Mobile web
  • Mobile World Congress
  • mod_pagespeed
  • Moderator
  • monetize
  • Monthly roundup
  • MOOC
  • mozilla
  • multi-platform
  • mylar
  • myspace
  • MySQL
  • mythtv
  • named
  • narratives
  • native ads
  • native client
  • nearby
  • Nest
  • Nest WiFi
  • netbsd
  • Next Billion Users
  • non-profit
  • nonsense
  • nosql
  • notifications
  • Noto Serif CJK
  • NPM
  • nss
  • nvidia
  • NYT
  • O3D
  • oauth
  • OAuth playground
  • OAuth2
  • Object Detection and Tracking
  • objective-c
  • OCaml
  • Occlusion
  • ocr
  • ODF
  • office hours
  • oha
  • online payments
  • OOXML
  • open data
  • open source
  • open source blog
  • open source releases
  • open web
  • open-source
  • openajax alliance
  • opengl
  • openid
  • opensocial
  • openssh
  • openssl
  • Optimization
  • oreilly
  • orkut
  • oscon
  • oscon2007
  • osi
  • oss devs
  • ossjam
  • osx
  • pactester
  • page speed
  • PageSpeed
  • palette
  • payment handler
  • payment request api
  • payment web standard
  • payments
  • paypal
  • Peer bonus program
  • performance
  • persistence
  • persistent AR
  • phone
  • photos
  • picasa
  • picasa web
  • places API
  • play services
  • playground
  • plone
  • plone sprint
  • podcast
  • poland
  • Poly
  • polymer
  • Polymer Summit
  • portugal
  • Pose Detection
  • Pose Estimation
  • posix
  • POST
  • PowerMeter API
  • prediction api
  • Prerender
  • preview
  • privacy
  • prizes
  • processing
  • production access
  • products - slides
  • programmers
  • programming
  • Progressive Web App
  • Project Connected Home over IP
  • project hosting
  • Project Loon
  • Project Tango
  • prototype
  • proximity
  • pubsubhubbub
  • PWA
  • py3k
  • python
  • python sprint
  • Qualcomm
  • Qualcomm Google
  • rails
  • random hacks of kindness
  • Rasberry Pi
  • React
  • reader
  • releases
  • Remote Config
  • research
  • reserve seats
  • Resources
  • Responsible AI
  • REST
  • result snippets
  • Reto Meier
  • review process
  • Rewarded Ads
  • Rewarded Video Ads
  • rhino
  • Saatchi
  • Safety & Security
  • safety and security
  • salesforce
  • samba
  • Sample dialogs
  • sandbox
  • Santa Tracker
  • Scala
  • scalability
  • scale-ups
  • Sceneform
  • schedule
  • scholarship
  • scholarships
  • scopes
  • Scratch
  • screencast
  • sdk
  • sdks
  • search
  • security
  • Selfie Segmentation
  • Serbia
  • serif
  • Serverless
  • service worker
  • sessions
  • seurat
  • shape
  • Sheets
  • Sheets API
  • shindig
  • shopping
  • Shoreline Amphitheatre
  • shortcuts
  • showcase
  • sidewiki
  • sign-in
  • silverstripe
  • SIMD
  • sitemaps
  • sites api
  • sixapart
  • sketchup
  • Slides API
  • small business
  • small businesses
  • Smart Home
  • Smart Lock for Passwords
  • soap search api
  • soc
  • social
  • social graph
  • solaris
  • solutions challenge
  • souders
  • spa2007
  • Space
  • spdy
  • speakers
  • speech
  • speed
  • speed tracer
  • Spring
  • spyware
  • Stable release
  • Stackdriver
  • standards
  • startup
  • Startup accelerator
  • startup africa roadtrip
  • startups
  • Static Sites
  • STEM
  • storage
  • stories
  • Street View
  • Strobe
  • student programs
  • students
  • stuff
  • style
  • subscribed links
  • subscription
  • subversion
  • summer of code
  • Sundar Pichai
  • SVG
  • sxsw
  • syndication
  • targeted spyware
  • tasks API
  • Team Drives (new)
  • techmakers
  • Technical Writing
  • technology
  • templates
  • TensorFlow
  • tensorflow dev summit
  • TensorFlow Lite
  • TensorFlow Research Cloud
  • tensorRT
  • Test Lab
  • testing
  • text embedding models
  • Tez
  • TF Lite
  • tfdevsummit
  • TFLite
  • themes
  • thought leadership
  • tool
  • Toolkit
  • tools
  • topp
  • TPU
  • TPU Dev Board
  • training
  • Traits
  • tranparency
  • transit
  • translate
  • translation
  • tutorials
  • tv
  • ubiquitous computing
  • ubiquity
  • ubucon
  • ubuntu
  • Udacity
  • UI
  • Ukraine
  • UN
  • UNDP
  • UNICEF
  • unicode
  • unit test
  • Unity
  • universal
  • Universal App Campaigns
  • University
  • unix
  • Update
  • updates
  • url
  • url shortener
  • URLs
  • UX
  • verification
  • video
  • videos
  • Vim
  • virtual keyboard
  • virtual reality
  • visualization
  • voice
  • voice kit
  • voice user interface
  • VR
  • VUI
  • wattpad
  • Wearables
  • Weave
  • web
  • web animations api
  • web apps
  • web components
  • web design
  • web designer
  • web development
  • web exponents
  • web fonts
  • web performance
  • web platform docs
  • web registry
  • webfonts
  • webgl
  • webmaster
  • WebP
  • website optimizer
  • websites
  • webVR
  • weekly roundup
  • WhiteHouse.gov
  • Who's at Google I/O
  • win
  • windows
  • windows programming
  • Winter of Code
  • women developers
  • Women in Tech
  • Women Tech Makers
  • women techmakers
  • WomenTechmakers
  • writing
  • wtm
  • xauth
  • yahoo
  • young developers
  • Young Makers
  • youtube
  • zlib
  • zurich
  • ZXing


Archive


  •     2021
    • Jan
  •     2020
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2019
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2018
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2017
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2016
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2015
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
  •     2014
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2013
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2012
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2011
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2010
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2009
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2008
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2007
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2006
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
    • Feb
    • Jan
  •     2005
    • Dec
    • Nov
    • Oct
    • Sep
    • Aug
    • Jul
    • Jun
    • May
    • Apr
    • Mar
Subscribe
Visit Google Developers for docs, event info, and more.
  • Google
  • Privacy
  • Terms