Login now

Not your profile? Login and get free access to your reports and analysis.

Tags

Sign in

The following tags have been added by users of CircleCount.com.
You can login on CircleCount to add more tags here.

  • Geeks

Are you missing a tag in the list of available tags? You can suggest new tags here.

Login now

Do you want to see a more detailed chart? Check your settings and define your favorite chart type.

Or click here to get the detailed chart only once.

Paul Irish has been at 5 events

HostFollowersTitleDateGuestsLinks
Google Chrome Developers125,733Reintroducing the mobile web! What is the mobile web good at? Why should developers build for it? And how do mobile web and native complement each other? @113127438179392830442 tells you why mobile web is often the first experience new users have with your brand and how you're on the hook for delivering success to them. There's been massive investment in mobile browsers; so now we have the speed, the features, and the tools to help you make great mobile web apps. *We'll add the live stream URL a little closer to the event*Making the mobile web fast, feature-rich, and beautiful (live stream)2014-06-26 19:00:0071  
Google Developers2,070,161Google I/O is an annual developer conference featuring highly technical, in-depth sessions, and showcasing the latest from Google's product teams and partners.Google I/O 20132013-05-14 23:00:005059  
Google Creative Sandbox1,910,024Headed to Austin for #SXSW? So are we. Join us and be the first to see Google's latest advertising experiments. We’ve built out a full on Google Playground so you take our new “connected objects” for a spin (don't worry, you'll only work up a mild sweat). You can find us right across from the Convention Center. The Google Playground at SXSW2013-03-09 12:00:00402  
Google Chrome Developers125,733*All of the session videos are now online* at http://goo.gl/WYDRq *A new kind of one-day conference on advanced web technologies for developers and browser vendors.* Edge is a different kind of conference, for developers with *experience to share*, who want to see and bring improvements to the web platform. Our emphasis is on creating a good environment for productive debate and discussion, rather than presenting the experiences of a single speaker. Sessions will cover topics like *_offline_, _network_, _performance_, _responsive layout_, _input_, _privileged access_ and _testing & tooling_*. Each session is an hour long, and starts with a maximum 10 minute talk by an expert in that topic, outlining the current state of the platform in that area.  Expect this to be a *fast moving and dense blast of information* to get you thinking. The remainder of the session will be given over to an open but structured discussion, with a professional moderator and a panel of seasoned developers who have in-depth knowledge of the subject. They’ve been there, done it, and often bring different perspectives on how we can solve problems. Session participants will include the _lead speaker_, a number of additional _panellists_, a _moderator_, and a _notetaker_ to record the discussion so we can share it on the web later. The session programme at Edge is designed to ensure that the day covers a broad swathe of topics, giving each equal weight. It's open to anyone, and is designed to be a simple and practical way to connect web developers with browser developers.Edge2013-02-09 09:00:0070  
Malte Ubl13,945JSConf EU 20122012-10-06 08:00:0085  

Shared Circles including Paul Irish

Shared Circles are not available on Google+ anymore, but you can find them still here.

Activity

Average numbers for the latest posts (max. 50 posts, posted within the last 4 weeks)

9
comments per post
7
reshares per post
61
+1's per post

2,006
characters per posting

Top posts in the last 50 posts

Most comments: 48

posted image

2014-05-05 18:52:07 (48 comments, 193 reshares, 364 +1s)Open 

For the unlucky folks that still support IE8, here's a few resources on helping to make the case on dropping support:

It's a massively slow experience
https://github.com/h5bp/lazyweb-requests/issues/11#issuecomment-8184513 has data on how different IE8 is in performance issues. (We could still use more data)

You gain critical features when you drop

Here's a decent view of what you gain:
* http://beta.caniuse.com/#compare=ie+8,ie+9  (so useful) 
* http://html5please.com/#gtie8 (this includes some stuff in ie8)

(In some cases this means you  no longer need polyfills, in others it unlocks real practical use).
If you have any other resources or techniques that have helped you drop IE8 support at your spot, leave a comment.

Most reshares: 193

posted image

2014-05-05 18:52:07 (48 comments, 193 reshares, 364 +1s)Open 

For the unlucky folks that still support IE8, here's a few resources on helping to make the case on dropping support:

It's a massively slow experience
https://github.com/h5bp/lazyweb-requests/issues/11#issuecomment-8184513 has data on how different IE8 is in performance issues. (We could still use more data)

You gain critical features when you drop

Here's a decent view of what you gain:
* http://beta.caniuse.com/#compare=ie+8,ie+9  (so useful) 
* http://html5please.com/#gtie8 (this includes some stuff in ie8)

(In some cases this means you  no longer need polyfills, in others it unlocks real practical use).
If you have any other resources or techniques that have helped you drop IE8 support at your spot, leave a comment.

Most plusones: 394

posted image

2014-04-11 03:34:28 (20 comments, 120 reshares, 394 +1s)Open 

#DevTools Tip: View event listeners registered on any node

Navigate to the Event Listeners pane and browse the events registered on any node. You can also view the source of an event listener by selecting Show Function Definition in the context menu.

Latest 50 posts

2015-06-30 17:53:16 (9 comments, 7 reshares, 61 +1s)Open 

One of the big complaints about Chrome currently is that it's a battery hog, especially on Mac where Safari seems to do better.

The team has been working on addressing this; here are some cases that have recently been improved on trunk:

http://crbug.com/460102

Before: Renderers for background tabs had the same priority as for foreground tabs.
Now: Renderers for background tabs get a lower priority, reducing idle wakeups on various perf test, in some cases by significant amounts (e.g. 50% on one test).

http://crbug.com/485371

Before: On a Google search results page, using Safari's user agent to get the same content that Safari would, Chrome incurs ~390 wakes over 30s and 0.3% CPU usage vs. Safari’s 120 wakes over 30s and 0.1% CPU usage.
Now: 66% reduction in both timer firings and CPU use. Chrome is now incurring ~120 wakes over 30sand... more »

One of the big complaints about Chrome currently is that it's a battery hog, especially on Mac where Safari seems to do better.

The team has been working on addressing this; here are some cases that have recently been improved on trunk:

http://crbug.com/460102

Before: Renderers for background tabs had the same priority as for foreground tabs.
Now: Renderers for background tabs get a lower priority, reducing idle wakeups on various perf test, in some cases by significant amounts (e.g. 50% on one test).

http://crbug.com/485371

Before: On a Google search results page, using Safari's user agent to get the same content that Safari would, Chrome incurs ~390 wakes over 30s and 0.3% CPU usage vs. Safari’s 120 wakes over 30s and 0.1% CPU usage.
Now: 66% reduction in both timer firings and CPU use. Chrome is now incurring ~120 wakes over 30s and 0.1% CPU use, on par with Safari.

http://crbug.com/489936

Before: On capitalone.com, Chromium incurs ~1010 wakeups over 30s vs. Safari's ~490 wakes.
Now: ~30% reduction in timer firings. Chrome is now incurring ~721 wakeups over 30s.

http://crbug.com/493350

Before: On amazon.com, Chromium incurs 768 wakups over 30s and consumes ~0.7% CPU vs. Safari's 312 wakes over 30s and ~0.1% CPU.
Now: ~59% reduction in timer firings and ~70% reduction in CPU use. Chrome is now incurring ~316 wakeups over 30s, and 0.2% CPU use, on par with Safari at 312 wakes, and 0.1% CPU use.

The Chrome team has no intention of sitting idly by (pun intended) when our users are suffering.  You should expect us to continually improve in this area.___

posted image

2015-06-05 01:36:14 (5 comments, 16 reshares, 65 +1s)Open 

Inline installable Android apps straight from the web.  Pretty much everyone missed this in the latest Chrome Beta.

See: https://googlechrome.github.io/samples/app-install-banner/related-applications/index.html and http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

Inline installable Android apps straight from the web.  Pretty much everyone missed this in the latest Chrome Beta.

See: https://googlechrome.github.io/samples/app-install-banner/related-applications/index.html and http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android___

posted image

2015-06-05 01:35:35 (2 comments, 10 reshares, 36 +1s)Open 

Chrome will pause plugin content (e.g. Flash animations) to improve battery life: http://bit.ly/1dQj2o9 - give it a try!

"This feature will be enabled by default on Chrome’s latest desktop Beta channel release starting today, and will be rolling out soon to everyone else on Chrome desktop. If you need to manually enable it, just head to Chrome’s content settings and select 'Detect and run important plugin content'."

Chrome will pause plugin content (e.g. Flash animations) to improve battery life: http://bit.ly/1dQj2o9 - give it a try!

"This feature will be enabled by default on Chrome’s latest desktop Beta channel release starting today, and will be rolling out soon to everyone else on Chrome desktop. If you need to manually enable it, just head to Chrome’s content settings and select 'Detect and run important plugin content'."___

posted image

2015-04-30 04:24:14 (4 comments, 16 reshares, 63 +1s)Open 

HUGE news! Chrome on Android now has a Dev channel available: http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html This enables you to test cutting edge features earlier.

Grab it now: https://play.google.com/store/apps/details?id=com.chrome.dev

HUGE news! Chrome on Android now has a Dev channel available: http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html This enables you to test cutting edge features earlier.

Grab it now: https://play.google.com/store/apps/details?id=com.chrome.dev___

2015-04-30 04:23:28 (2 comments, 2 reshares, 10 +1s)Open 

Are you using -webkit-canvas() or -moz-element()? Please share what you've used them for; the Chrome team is trying to better understand how these are used in the wild. Thx!

Are you using -webkit-canvas() or -moz-element()? Please share what you've used them for; the Chrome team is trying to better understand how these are used in the wild. Thx!___

2015-04-07 19:21:14 (13 comments, 20 reshares, 97 +1s)Open 

Frontend Performance often on your mind? Focus on frontend ops, measurement of user experience performance, and spend decent time looking at graphs and profilers? 

I've started a small mailing list to discuss this sort of stuff. Effective measurement, profiling, and development techniques to ensure a fast and performant experience for users of our sites and apps. Rendering perf, input latency, reflows, paint storms, hitting 60fps. 

I hope to build this list to be a community of the folks very invested  performance and we can use it as a channel for seeking guidance with sticky performance issues. Web developers and browser experts working together. :)

The group will start small and will grow as we ensure it's effective for everyone involved. Temporarily, it'll be semi-private, but we will make it public soon. If you'd like to be added, please signup... more »

Frontend Performance often on your mind? Focus on frontend ops, measurement of user experience performance, and spend decent time looking at graphs and profilers? 

I've started a small mailing list to discuss this sort of stuff. Effective measurement, profiling, and development techniques to ensure a fast and performant experience for users of our sites and apps. Rendering perf, input latency, reflows, paint storms, hitting 60fps. 

I hope to build this list to be a community of the folks very invested  performance and we can use it as a channel for seeking guidance with sticky performance issues. Web developers and browser experts working together. :)

The group will start small and will grow as we ensure it's effective for everyone involved. Temporarily, it'll be semi-private, but we will make it public soon. If you'd like to be added, please sign up here: https://groups.google.com/a/chromium.org/forum/#!forum/rail-discuss___

2015-03-21 22:45:26 (20 comments, 8 reshares, 79 +1s)Open 

Spent today talking performance with some front-end developers. Got a great sense of everyone's perspective, where folks get stuck, and how we could improve the experience in Chrome DevTools.  Big thanks to all the volunteers that jumped on a video call with me!

Original post follows:
------
I want talk to a front-end developer.. on Hangouts, like right now. :)

I'm working on some improvements to the profilers in Chrome DevTools and need input from you, the user.  If you've looked at the Chrome DevTools Timeline and want to use it effectively but feel like there's more to learn, then you're exactly who I want to talk to. I have questions for you basically exploring how you approach development and think about performance.

If you're up for it and available for the next hour or so, leave a comment below. (It's currently3... more »

Spent today talking performance with some front-end developers. Got a great sense of everyone's perspective, where folks get stuck, and how we could improve the experience in Chrome DevTools.  Big thanks to all the volunteers that jumped on a video call with me!

Original post follows:
------
I want talk to a front-end developer.. on Hangouts, like right now. :)

I'm working on some improvements to the profilers in Chrome DevTools and need input from you, the user.  If you've looked at the Chrome DevTools Timeline and want to use it effectively but feel like there's more to learn, then you're exactly who I want to talk to. I have questions for you basically exploring how you approach development and think about performance.

If you're up for it and available for the next hour or so, leave a comment below. (It's currently 3:45PM pacific on Saturday). I'll open a hangout chat with you and then we'll hop on video. Thx!___

posted image

2015-03-13 06:57:56 (4 comments, 30 reshares, 110 +1s)Open 

Chrome 42 Beta is out! Fetch API, ES6 Classes, DevTools Cubic Bezier Editor, Push API & more: 

http://blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html

Chrome 42 Beta is out! Fetch API, ES6 Classes, DevTools Cubic Bezier Editor, Push API & more: 

http://blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html___

posted image

2015-03-13 04:02:36 (9 comments, 39 reshares, 200 +1s)Open 

Made a button that seamlessly transitions from action to confirmation:

http://lab.hakim.se/flipside 

Made a button that seamlessly transitions from action to confirmation:

http://lab.hakim.se/flipside ___

2015-03-06 20:08:27 (18 comments, 6 reshares, 39 +1s)Open 

On Yosemite and use Chrome DevTools?

We've been getting reports of general crashiness when using DevTools for Mac users on Yosemite. However, we've been unable to reproduce this crashy behavior thus far, so we need your help.

Here's what we need from you: http://crbug.com/464800

Feel free to also star the issue for updates.

On Yosemite and use Chrome DevTools?

We've been getting reports of general crashiness when using DevTools for Mac users on Yosemite. However, we've been unable to reproduce this crashy behavior thus far, so we need your help.

Here's what we need from you: http://crbug.com/464800

Feel free to also star the issue for updates.___

2015-01-28 22:49:14 (44 comments, 12 reshares, 369 +1s)Open 

I miss Google Reader. 

I miss Google Reader. ___

2015-01-21 23:41:34 (21 comments, 3 reshares, 41 +1s)Open 

JS Promises Benchmark?

These days pretty much any mention of a implementation of Promises/A+ will quickly attract a link to the Bluebird Promises Benchmark: github.com/petkaantonov/bluebird/tree/master/benchmark

Publishing a benchmark implies that competition amongst implementations will end up benefiting the end user. From here it doesn't feel like these differences are significant enough for us to worry about.

2ns vs 1ns is indeed 100% slower. Absolutely, but I would feel surprised if the promise impl speed differences make a 1% dent on overall application performance. Feels like we're debating something that's not at all significant (The 2006 equivalent: http://devpro.it/examples/loopsbench/)

+Brian Cavalier, +Calvin Metcalf  or anyone else, can you help me sort this out?

JS Promises Benchmark?

These days pretty much any mention of a implementation of Promises/A+ will quickly attract a link to the Bluebird Promises Benchmark: github.com/petkaantonov/bluebird/tree/master/benchmark

Publishing a benchmark implies that competition amongst implementations will end up benefiting the end user. From here it doesn't feel like these differences are significant enough for us to worry about.

2ns vs 1ns is indeed 100% slower. Absolutely, but I would feel surprised if the promise impl speed differences make a 1% dent on overall application performance. Feels like we're debating something that's not at all significant (The 2006 equivalent: http://devpro.it/examples/loopsbench/)

+Brian Cavalier, +Calvin Metcalf  or anyone else, can you help me sort this out?___

posted image

2015-01-07 20:31:28 (5 comments, 24 reshares, 133 +1s)Open 

Chrome Canary just landed one of the best improvements to the Network panel in a long time: the timeline bars show you where the time was spent! To enable, open DevTools and enable "Color-code resource types" in settings (gear icon)... and feast your eyes!

In the below screenshot for theverge.com it is now trivial to spot cases (the colors correspond to the various connection stages) where downloads are taking a long time; if and where you need to optimize your TLS stack; if the server is taking a long time to respond (aka, slow TTFB); if a new connection is established or if the request was able to reuse a previous connection to the server, and more... And, of course, if you hover over the bar you'll get a more detailed breakdown with exact timing information.

Chrome Canary just landed one of the best improvements to the Network panel in a long time: the timeline bars show you where the time was spent! To enable, open DevTools and enable "Color-code resource types" in settings (gear icon)... and feast your eyes!

In the below screenshot for theverge.com it is now trivial to spot cases (the colors correspond to the various connection stages) where downloads are taking a long time; if and where you need to optimize your TLS stack; if the server is taking a long time to respond (aka, slow TTFB); if a new connection is established or if the request was able to reuse a previous connection to the server, and more... And, of course, if you hover over the bar you'll get a more detailed breakdown with exact timing information.___

posted image

2015-01-06 05:44:24 (1 comments, 2 reshares, 26 +1s)Open 

If you're a W3C member, you'll find no stronger lineup for the W3C TAG than the candidates below. Ask your rep to take a look and vote! 

At the end of the last minute of January 8th, the W3C will close its polls and we will have a new W3C Technical Architecture Group (#TAG).  The TAG can act as a sort of steering committee for the #W3C.  Only W3C member organizations get to officially cast a vote, but two years ago, average developers helped make some noise and let them know we wanted change.  In the process, we filled 4 of the 9 seats with reform candidates who helped lay out a vision.  

This time, we're trying to keep the change going and refine rather than turn the ship, but I think it will take just the right mix of people to get the most out of it, and that's why I'm publicly noting that I support +yan zhu  (we need a security expert who also understands the Extensible Web vision), Travis Leithead who keeps a TC-39 liason and brings his excellent work/insight with Microsoft to the table, +Mark Nottingham  brings an IETF liaison and expertise protocols and, of course, +Alex Russell who was one of the original movers who helped get this movement/vision started.

If you work for a member organization or know someone who does (see this list http://www.w3.org/Consortium/Member/List), I'm asking that you reach out to them and help get one or all of these folks elected.  If you don't, but you belive in the message, just pass it on - chances are pretty good that we'll get the message there somehow if history is any indication - it matters.___If you're a W3C member, you'll find no stronger lineup for the W3C TAG than the candidates below. Ask your rep to take a look and vote! 

2014-11-14 21:20:56 (3 comments, 3 reshares, 20 +1s)Open 

The web's getting more "appy" with the introduction of things like ServiceWorker, push, sync. But is Chrome/Google getting it right? Pose your questions to our engineers https://www.google.com/moderator/#15/e=216720&t=216720.43&f=216720.703302

The panel is at https://developer.chrome.com/devsummit/, streamed live & available afterwards, so you don't need to be an attendee to post questions.

The web's getting more "appy" with the introduction of things like ServiceWorker, push, sync. But is Chrome/Google getting it right? Pose your questions to our engineers https://www.google.com/moderator/#15/e=216720&t=216720.43&f=216720.703302

The panel is at https://developer.chrome.com/devsummit/, streamed live & available afterwards, so you don't need to be an attendee to post questions.___

2014-11-08 20:27:17 (23 comments, 6 reshares, 58 +1s)Open 

Android/Dropbox/G+ question.
All my phone's photos and videos and backed up to both G+ and Dropbox. However they remain in my phone's storage and consume a LOT of space. Obviously if they are doubly backed up to the cloud I'm very happy to remove them locally from the phone.
Question: is there any way to verify that these assets in my phone's DCIM folder are absolutely also present in my Dropbox and G+ photo backup? 

Android/Dropbox/G+ question.
All my phone's photos and videos and backed up to both G+ and Dropbox. However they remain in my phone's storage and consume a LOT of space. Obviously if they are doubly backed up to the cloud I'm very happy to remove them locally from the phone.
Question: is there any way to verify that these assets in my phone's DCIM folder are absolutely also present in my Dropbox and G+ photo backup? ___

2014-11-05 23:02:56 (5 comments, 4 reshares, 16 +1s)Open 

Are you using SVG SMIL in production? Tell me about how you're using it; we're collecting some data on how it's being used and what features inside SMIL are most popular. <3z

Are you using SVG SMIL in production? Tell me about how you're using it; we're collecting some data on how it's being used and what features inside SMIL are most popular. <3z___

2014-10-23 19:47:18 (35 comments, 11 reshares, 43 +1s)Open 

What viewport do you use? Copy-paste the <meta viewport> content value of your current web project (site or app) into the comments, or +1 the matching one that's already there.

What viewport do you use? Copy-paste the <meta viewport> content value of your current web project (site or app) into the comments, or +1 the matching one that's already there.___

2014-10-17 17:35:43 (13 comments, 15 reshares, 96 +1s)Open 

An update on this post, one year later.
RESOLVED: FIXED. \o/

Q: Do we plan to auto-update Android's Chrome-based WebView?

A: Evergreen browsers (like Chrome and Firefox) auto-update and keep their users up to date so they can view the web through a modern feature set. As a developer, this ensures your choices aren’t limited to a lowest-common denominator browser from years ago, but rather are keeping pace with the modern web. Your apps inside a WebView are just as important and deserve a runtime that keeps users up to date. There are large engineering and logistical challenges, but we're not quite there yet and are working on it.___An update on this post, one year later.
RESOLVED: FIXED. \o/

posted image

2014-10-17 17:34:48 (6 comments, 15 reshares, 92 +1s)Open 

"Although WebView has been based on Chromium since Android 4.4, the Chromium layer is now updatable from Google Play"

http://developer.android.com/about/versions/lollipop.html#WebView

"Although WebView has been based on Chromium since Android 4.4, the Chromium layer is now updatable from Google Play"

http://developer.android.com/about/versions/lollipop.html#WebView___

posted image

2014-10-13 05:46:19 (3 comments, 27 reshares, 74 +1s)Open 

Video intro to the new DevTools device mode. Now in Chrome's stable release! Give it a go!

Today's episode of #DevBytes  on Chrome DevTools is from +Alex Danilo.

It provides a great feature to help debugging multi-screen sites that use CSS media queries. It's called Device Mode. Device Mode lets web developers quickly and easily test out their content to check that different sized screens and devices are being handled properly. It's also really simple to try out different screen resolutions, orientations, hardware sensors and more from the comfort of a desktop workstation or laptop.

This quick introduction to Device Mode covers the main feature set and will help
 you get using it quickly.

For more details see the reference documentation at https://developer.chrome.com/devtools/docs/device-mode

#devbytes #chrome #devtools

DevBytes: Chrome DevTools Device Mode___Video intro to the new DevTools device mode. Now in Chrome's stable release! Give it a go!

posted image

2014-10-13 05:44:09 (1 comments, 10 reshares, 65 +1s)Open 

Chrome 39 Beta is out!

Chrome 39 Beta is out!___

posted image

2014-10-02 19:06:40 (6 comments, 33 reshares, 101 +1s)Open 

Come for the css performance chat. Stay for a sec.

HTTP 203: a brand new show all about web development!

Join +Paul Lewis and +Jake Archibald as they discuss CSS performance, and how you can gain insight into the impact your code has on browser rendering. 

Make sure to check out www.csstriggers.com to find out more. 

HTTP 203: CSS Triggers___Come for the css performance chat. Stay for a sec.

posted image

2014-10-02 06:02:13 (4 comments, 40 reshares, 129 +1s)Open 

Automagically fix JSHint lint warnings
Atom plugin: https://github.com/sindresorhus/atom-fixmyjs
Sublime plugin: https://github.com/addyosmani/sublime-fixmyjs
CLI: https://github.com/jshint/fixmyjs

It's silly that we still have to care about code style. Tools can already automate a lot. This needs to be taken further!

Also check out esformatter: https://github.com/millermedeiros/esformatter

Automagically fix JSHint lint warnings
Atom plugin: https://github.com/sindresorhus/atom-fixmyjs
Sublime plugin: https://github.com/addyosmani/sublime-fixmyjs
CLI: https://github.com/jshint/fixmyjs

It's silly that we still have to care about code style. Tools can already automate a lot. This needs to be taken further!

Also check out esformatter: https://github.com/millermedeiros/esformatter___

posted image

2014-09-20 16:53:05 (2 comments, 21 reshares, 56 +1s)Open 

DevTools Tips and Tricks by the UK Government Digital Service

An outline of my DevTools slides!
https://gdstechnology.blog.gov.uk/2014/09/17/developer-tools-tips-and-tricks/

DevTools Tips and Tricks by the UK Government Digital Service

An outline of my DevTools slides!
https://gdstechnology.blog.gov.uk/2014/09/17/developer-tools-tips-and-tricks/___

2014-09-19 23:38:30 (23 comments, 2 reshares, 16 +1s)Open 

Do you use Synchronous XHR?  For what?

There are some good use cases for synchronous XHR.. and and some less-than-good ones. ;)   Comment below on what you use Sync XHR for in your apps & sites.  Thx!

Do you use Synchronous XHR?  For what?

There are some good use cases for synchronous XHR.. and and some less-than-good ones. ;)   Comment below on what you use Sync XHR for in your apps & sites.  Thx!___

posted image

2014-09-19 19:23:08 (6 comments, 70 reshares, 172 +1s)Open 

Rewriting the JavaScript while paused at a breakpoint.

#DevTools Tip: Live Edit JavaScript while paused at a breakpoint

When you are paused through the debugger, you can live-edit JavaScript and continue script execution with your new code.

A few things you'll notice in this animation:
1. You can search for a file, function & even set a breakpoint all with keyboard shortcuts.
2. You can edit code while paused at a breakpoint (autocomplete included).
3. A recompilation of your JavaScript code happens When you hit Cmd + S.___Rewriting the JavaScript while paused at a breakpoint.

2014-09-15 02:20:19 (2 comments, 6 reshares, 15 +1s)Open 

The conversations at +EdgeConf are shaped by your questions. Chime in on the Google Moderator to ask questions to the industry's experts and browser makers: https://www.google.com/moderator/#16/e=215bcc 

I'm sure you have something you'd like answered in one of these topics:
* Installable Apps and Permissions
* Layout Performance
* Security and Identity
* Package Management
* Image Formats
* Standards & the Extensible Web Manifesto

The conversations at +EdgeConf are shaped by your questions. Chime in on the Google Moderator to ask questions to the industry's experts and browser makers: https://www.google.com/moderator/#16/e=215bcc 

I'm sure you have something you'd like answered in one of these topics:
* Installable Apps and Permissions
* Layout Performance
* Security and Identity
* Package Management
* Image Formats
* Standards & the Extensible Web Manifesto___

2014-09-14 19:26:05 (3 comments, 16 reshares, 63 +1s)Open 

Report yo' bugs!

Tip for web browser users out there.

If your browser is sucking in some way, like it's slow on certain sites, or it's crashing, or being unresponsive, or anything else, don't think this:

"Dang, this browser used to be great, but it just sucks now.  What happened to the developers?  Did they just stop caring?  This is pathetic, I long for the days when this browser was all about being awesome and wasn't such a huge piece of junk."

Why should you not think this?  Because, in most cases, the problems you're seeing aren't ones affecting all users of that browser, and they're not ones the development team is aware of.  If your browser is crashing every ten seconds this might be hard for you to believe, but it's quite plausible for one person's browser to crash every ten seconds and 100,000 other people to see no crashes at all.  So yeah, you're getting a bad experience, but it's not usually because of some large-scale downward trend in the quality of that browser, it's some more specific set of local problems.

This even applies if you have friends that confirm your anecdotes.  "Anyone else's <browser name> behaving terribly lately?" is pretty much guaranteed to get affirmative responses no matter which browser you name.  Then people will talk about how they switched browsers and life got much better.  But a day later there will be a thread that flips the names of those two browsers around and you'll still see tons of posts in it.

So what should you do about this?

Basically, you should ensure the developers of your browser are made aware of your problems, so they can fix them, for you and others.  Yes, I just said above that you may be 1 in 100,000 having a bug, but given the size of modern browser userbases that could still mean ten thousand people seeing the same issue.  There are two ways you can do this:

(1) Make sure you turn on anonymous stat collecting and crash reporting.  I believe Chrome, Firefox, and IE all have this; in Chrome, open chrome://settings/ , click "Show advanced settings" at the bottom, and check "Automatically send usage statistics and crash reports to Google".  This provides critical data we use to find and fix crashes; for example, it gives us your OS, browser version, hashes of installed extensions, and a crash stack.  With that information it's much more likely we can find and fix crash bugs.

(2) File bugs for any consistent problems you see.  Firefox and Chrome both have easily-usable public bug trackers; you can file Chrome bugs at http://crbug.com/new .  Browser bogs down when there are more than three embedded videos?  File it.  Browser takes two minutes to load your startup tabs?  File it.  Browser hitches for a second when you type a key in the address bar?  File it.  The worst thing that can happen is that your bug gets closed.  The best thing is that you end up providing the information we needed to find and fix some performance regression affecting not only you but tons of other people.  File bugs!

I won't claim we browser developers don't go through periods when our products have more bugs -- we absolutely do -- but I can guarantee you that not only the Google developers but the folks at Mozilla, Microsoft, etc. want to make the best products they can.  If something is so bad you need to switch browsers just to keep your sanity, by all means do so; but whether it be for your old browser or your new one, following the steps above helps not only you but everyone else too.___Report yo' bugs!

2014-09-07 06:57:42 (17 comments, 50 reshares, 85 +1s)Open 

Survey time! Web Development Tooling: Your choices & thoughts

docs.google.com/forms/d/1WTfqIMrnsRI5NFV7J0ByUEnsg_vfZclubSccC4xpdf4/viewform

Please drop by here for just a few minutes, answer some questions and help the Chrome team understand your development cycle a little bit better. Thanks so much!

Survey time! Web Development Tooling: Your choices & thoughts

docs.google.com/forms/d/1WTfqIMrnsRI5NFV7J0ByUEnsg_vfZclubSccC4xpdf4/viewform

Please drop by here for just a few minutes, answer some questions and help the Chrome team understand your development cycle a little bit better. Thanks so much!___

posted image

2014-09-04 03:57:25 (2 comments, 34 reshares, 110 +1s)Open 

I know it might seem like many jank/rendering perf talks have overlap, but there's so much fresh stuff in here. 
Chrome's GPU rasterization. The magic viewport.  The revised architecture. And a lot of details on the rendering pipeline you've never heard.
Must watch.

At first glance, HTML5/CSS seems to have amazing capabilities for next gen UIs: any of the 115 or so style-able properties can be animated. Yet, in modern browsers only two properties, transform, and opacity, can be mutated at 60fps. In this talk, I explain why thats the case, and ask the question, "Should we demand better?"___I know it might seem like many jank/rendering perf talks have overlap, but there's so much fresh stuff in here. 
Chrome's GPU rasterization. The magic viewport.  The revised architecture. And a lot of details on the rendering pipeline you've never heard.
Must watch.

posted image

2014-09-03 05:02:54 (0 comments, 22 reshares, 69 +1s)Open 

Fun DevTools extension for visually inspecting CSS gradients. Will def be using this!

https://chrome.google.com/webstore/detail/css-gradient-inspector/blklpjonlhpakchaahdnkcjkfmccmdik

Fun DevTools extension for visually inspecting CSS gradients. Will def be using this!

https://chrome.google.com/webstore/detail/css-gradient-inspector/blklpjonlhpakchaahdnkcjkfmccmdik___

posted image

2014-09-03 05:01:29 (12 comments, 12 reshares, 130 +1s)Open 

Today we’re celebrating Chrome’s 6th birthday, and we’re delighted with the continued growth -- especially on Chrome for mobile, now with more than 300 million users (that’s a 10x increase from last year!).  A big thank you to to everyone who’s using Chrome and helping us make the web even better.

Today we’re celebrating Chrome’s 6th birthday, and we’re delighted with the continued growth -- especially on Chrome for mobile, now with more than 300 million users (that’s a 10x increase from last year!).  A big thank you to to everyone who’s using Chrome and helping us make the web even better.___

posted image

2014-08-01 18:09:59 (18 comments, 93 reshares, 290 +1s)Open 

#DevTools Tip: Drag HTML into the editor

While in the Elements Panel, you can click and drag DOM nodes directly into your code editor.

#DevTools Tip: Drag HTML into the editor

While in the Elements Panel, you can click and drag DOM nodes directly into your code editor.___

posted image

2014-07-19 14:43:16 (7 comments, 36 reshares, 147 +1s)Open 

#DevTools Tip: Goto Matching brace

A new shortcut has been added to the Sources Panel editor. Use Ctrl + M to jump between matching braces, works for CSS and JavaScript.

#DevTools Tip: Goto Matching brace

A new shortcut has been added to the Sources Panel editor. Use Ctrl + M to jump between matching braces, works for CSS and JavaScript.___

2014-07-16 03:58:28 (42 comments, 26 reshares, 103 +1s)Open 

Record your development process? Help us improve the Chrome Developer Tools!

Remember when Notch broadcasted himself doing game development over the weekend? It was awesome. Anyway, I'm looking for a few volunteers to record their screen during a frontend web development session.  
We're interested in seeing how you're building for the web: responsive websites, webapps or something else. Working with your editor, the browser devtools, terminal and the rest of your kit. Ideally, I'd love to see like 1-2 hours of video. ish. Just hacking away at making stuff. 

The videos will not be shared publicly (unless you want 'em to). You can record with QuickTime player, Screenflow, Camtasia, whatever. Seriously just go about your development like normal and the result will be hugely valuable for us to help make our tools better for you.

Who'si... more »

Record your development process? Help us improve the Chrome Developer Tools!

Remember when Notch broadcasted himself doing game development over the weekend? It was awesome. Anyway, I'm looking for a few volunteers to record their screen during a frontend web development session.  
We're interested in seeing how you're building for the web: responsive websites, webapps or something else. Working with your editor, the browser devtools, terminal and the rest of your kit. Ideally, I'd love to see like 1-2 hours of video. ish. Just hacking away at making stuff. 

The videos will not be shared publicly (unless you want 'em to). You can record with QuickTime player, Screenflow, Camtasia, whatever. Seriously just go about your development like normal and the result will be hugely valuable for us to help make our tools better for you.

Who's in?___

posted image

2014-06-21 20:15:31 (1 comments, 8 reshares, 38 +1s)Open 

Tap into your inner soccer champion in Kick with Chrome, a new Chrome Experiment. Choose from three different games: Infinite Dribble, Space Kick, and Shootout. Then, play alone or grab up to three friends to vie for the high score on the leaderboard.

Thanks to the latest mobile web platform technologies, your phone or tablet is always your game controller in Kick with Chrome, and you can play with or without your desktop computer. Just open Chrome on your Mac or Windows laptop, Android phone or tablet, iPhone or iPad and kick things off.

g.co/KickWithChrome

Tap into your inner soccer champion in Kick with Chrome, a new Chrome Experiment. Choose from three different games: Infinite Dribble, Space Kick, and Shootout. Then, play alone or grab up to three friends to vie for the high score on the leaderboard.

Thanks to the latest mobile web platform technologies, your phone or tablet is always your game controller in Kick with Chrome, and you can play with or without your desktop computer. Just open Chrome on your Mac or Windows laptop, Android phone or tablet, iPhone or iPad and kick things off.

g.co/KickWithChrome___

posted image

2014-06-13 18:50:31 (2 comments, 18 reshares, 45 +1s)Open 

Ever had to build an address form? Painful experience... right? Well, that's why we have requestAutocomplete! Awesome introduction by +Rouslan Solomakhin.

Ever had to build an address form? Painful experience... right? Well, that's why we have requestAutocomplete! Awesome introduction by +Rouslan Solomakhin.___

posted image

2014-06-12 04:33:19 (0 comments, 26 reshares, 127 +1s)Open 

#DevTools Tip: Cookie counts for each resource

You can quickly view cookie counts for each resource in the Network Panel by enabling the 'Cookies' column header in the context menu.

#DevTools Tip: Cookie counts for each resource

You can quickly view cookie counts for each resource in the Network Panel by enabling the 'Cookies' column header in the context menu.___

posted image

2014-06-12 04:33:11 (9 comments, 49 reshares, 168 +1s)Open 

The formerly closed-source PDF code in Google Chrome is now officially the PDFium open source project, hosted on https://pdfium.googlesource.com.

By open-sourcing the Foxit’s PDF technology, the chromium team gives to developers a robust and reliable PDF library to view, search, print, and form fill PDF files. Therefore, if your next project is under the "New BSD License", I cannot recommend enough you go learn how simple it is to build¹ PDFium and see how Chrome uses² it internally.


¹ https://code.google.com/p/pdfium/wiki/Build
² https://chromium.googlesource.com/chromium/chromium/+/trunk/pdf/

Source: http://www.foxitsoftware.com/blog/?p=641

The formerly closed-source PDF code in Google Chrome is now officially the PDFium open source project, hosted on https://pdfium.googlesource.com.

By open-sourcing the Foxit’s PDF technology, the chromium team gives to developers a robust and reliable PDF library to view, search, print, and form fill PDF files. Therefore, if your next project is under the "New BSD License", I cannot recommend enough you go learn how simple it is to build¹ PDFium and see how Chrome uses² it internally.


¹ https://code.google.com/p/pdfium/wiki/Build
² https://chromium.googlesource.com/chromium/chromium/+/trunk/pdf/

Source: http://www.foxitsoftware.com/blog/?p=641___

2014-06-11 20:31:19 (1 comments, 2 reshares, 89 +1s)Open 

WebGL won!

4 years ago I set myself on the path of making WebGL win (versus Adobe's Stage3D, etc). Now that Google, BlackBerry, Mozilla, Opera, Microsoft, Apple and Intel are supporting the technology I can finally take a deep breath.

Along the path I've had to deal with a ton of negativity and counter-productive comments. It's been an interesting journey...

Of course, taking the full credit would be ridiculous. More than 300 other developers share the credit with me on the +three.js part. And like +three.js, many other libraries and engines have been making their part to show how the technology could benefit the web.

We're not done yet though. I think we're just getting started with the kind of things WebGL can bring to the web. We've finally started to work on tools, that should open the technology to non-developers too.
more »

WebGL won!

4 years ago I set myself on the path of making WebGL win (versus Adobe's Stage3D, etc). Now that Google, BlackBerry, Mozilla, Opera, Microsoft, Apple and Intel are supporting the technology I can finally take a deep breath.

Along the path I've had to deal with a ton of negativity and counter-productive comments. It's been an interesting journey...

Of course, taking the full credit would be ridiculous. More than 300 other developers share the credit with me on the +three.js part. And like +three.js, many other libraries and engines have been making their part to show how the technology could benefit the web.

We're not done yet though. I think we're just getting started with the kind of things WebGL can bring to the web. We've finally started to work on tools, that should open the technology to non-developers too.

As my friend +Theo Tillberg  would say... Champagne!!

Thanks everyone! ^^___

posted image

2014-06-09 17:12:16 (3 comments, 24 reshares, 86 +1s)Open 

Chrome Canary has an experimental implementation of NetInfo API! ... And we're looking for feedback! Instructions to give it a try:

- Boot up Chrome Canary (works on mobile Canary as well)
- Enable chrome://flags/#enable-experimental-web-platform-features

API, use cases, and Chrome design docs:
- http://w3c.github.io/netinfo/
- http://w3c-webmob.github.io/netinfo-usecases/
- https://docs.google.com/a/chromium.org/document/d/1LTk9uVMGi4kurzcF5ellsAJReTF31fFJMHrQwSVtBjc/edit?pli=1

Question: is it worth exposing more information about the type of cellular (and other) connections? E.g. HSPA vs LTE, 2G vs 3G vs 4G. If yes, how would you use it? Concrete use cases would go a long way here! And if not, why not?

Chrome Canary has an experimental implementation of NetInfo API! ... And we're looking for feedback! Instructions to give it a try:

- Boot up Chrome Canary (works on mobile Canary as well)
- Enable chrome://flags/#enable-experimental-web-platform-features

API, use cases, and Chrome design docs:
- http://w3c.github.io/netinfo/
- http://w3c-webmob.github.io/netinfo-usecases/
- https://docs.google.com/a/chromium.org/document/d/1LTk9uVMGi4kurzcF5ellsAJReTF31fFJMHrQwSVtBjc/edit?pli=1

Question: is it worth exposing more information about the type of cellular (and other) connections? E.g. HSPA vs LTE, 2G vs 3G vs 4G. If yes, how would you use it? Concrete use cases would go a long way here! And if not, why not?___

posted image

2014-05-30 17:06:30 (16 comments, 20 reshares, 118 +1s)Open 

#DevTools Update: Editor in drawer (experimental)

While not ready just yet, it's interesting to see experimentations with an Editor in the drawer. For CSS, it's also kept in sync with the Styles pane which is handy.

#DevTools Update: Editor in drawer (experimental)

While not ready just yet, it's interesting to see experimentations with an Editor in the drawer. For CSS, it's also kept in sync with the Styles pane which is handy.___

posted image

2014-05-20 23:54:27 (3 comments, 22 reshares, 44 +1s)Open 

New research shows every second you shave off your site’s average page load time means an 8% improvement in page value #ecommercetips  

New research shows every second you shave off your site’s average page load time means an 8% improvement in page value #ecommercetips  ___

posted image

2014-05-05 18:52:07 (48 comments, 193 reshares, 364 +1s)Open 

For the unlucky folks that still support IE8, here's a few resources on helping to make the case on dropping support:

It's a massively slow experience
https://github.com/h5bp/lazyweb-requests/issues/11#issuecomment-8184513 has data on how different IE8 is in performance issues. (We could still use more data)

You gain critical features when you drop

Here's a decent view of what you gain:
* http://beta.caniuse.com/#compare=ie+8,ie+9  (so useful) 
* http://html5please.com/#gtie8 (this includes some stuff in ie8)

(In some cases this means you  no longer need polyfills, in others it unlocks real practical use).
If you have any other resources or techniques that have helped you drop IE8 support at your spot, leave a comment.

For the unlucky folks that still support IE8, here's a few resources on helping to make the case on dropping support:

It's a massively slow experience
https://github.com/h5bp/lazyweb-requests/issues/11#issuecomment-8184513 has data on how different IE8 is in performance issues. (We could still use more data)

You gain critical features when you drop

Here's a decent view of what you gain:
* http://beta.caniuse.com/#compare=ie+8,ie+9  (so useful) 
* http://html5please.com/#gtie8 (this includes some stuff in ie8)

(In some cases this means you  no longer need polyfills, in others it unlocks real practical use).
If you have any other resources or techniques that have helped you drop IE8 support at your spot, leave a comment.___

posted image

2014-04-27 03:37:55 (3 comments, 67 reshares, 163 +1s)Open 

Chrome DevTools Features You May Have Missed - A recap of Screencasting, Workspaces, Source Map debugging, Flame Chart, Mobile Emulation & Canvas debugging.

http://code.tutsplus.com/tutorials/chrome-devtools-features-you-may-have-missed--cms-20850

Chrome DevTools Features You May Have Missed - A recap of Screencasting, Workspaces, Source Map debugging, Flame Chart, Mobile Emulation & Canvas debugging.

http://code.tutsplus.com/tutorials/chrome-devtools-features-you-may-have-missed--cms-20850___

posted image

2014-04-22 00:27:09 (0 comments, 10 reshares, 37 +1s)Open 

No, don't enable (OCSP) certificate revocation checking: http://bit.ly/1i7AWSP - great writeup by +Adam Langley explaining why  these online checks are basically useless. Chrome does do OCSP checks for EV certificates, but otherwise they are off by default.

If you need to brush up on certification revocation topic in general, I cover it in HPBN: http://chimera.labs.oreilly.com/books/1230000000545/ch04.html#_certificate_revocation 

No, don't enable (OCSP) certificate revocation checking: http://bit.ly/1i7AWSP - great writeup by +Adam Langley explaining why  these online checks are basically useless. Chrome does do OCSP checks for EV certificates, but otherwise they are off by default.

If you need to brush up on certification revocation topic in general, I cover it in HPBN: http://chimera.labs.oreilly.com/books/1230000000545/ch04.html#_certificate_revocation ___

2014-04-17 00:36:05 (38 comments, 8 reshares, 39 +1s)Open 

Follow-up poll:

Given that CSS and SVG animation APIs use seconds for time values, but a lot of JS currently uses milliseconds, would you rather write new animation code that represents time in seconds, or new animation code that represents time in milliseconds?

Please +1 a comment below. 

(Initial poll: goo.gl/kMJy2x , You can also view the resulting standards list discussion: lists.w3.org/Archives/Public/public-fx/2014AprJun/thread.html#msg14 )

Follow-up poll:

Given that CSS and SVG animation APIs use seconds for time values, but a lot of JS currently uses milliseconds, would you rather write new animation code that represents time in seconds, or new animation code that represents time in milliseconds?

Please +1 a comment below. 

(Initial poll: goo.gl/kMJy2x , You can also view the resulting standards list discussion: lists.w3.org/Archives/Public/public-fx/2014AprJun/thread.html#msg14 )___

2014-04-16 20:30:32 (3 comments, 4 reshares, 36 +1s)Open 

elem.animate({ opacity: '0' }, 100);
elem.animate({ opacity: '0' }, 1);
elem.animate({ opacity: '0' }, .1);

How long would you expect these animation to take?

elem.animate({ opacity: '0' }, 100);
elem.animate({ opacity: '0' }, 1);
elem.animate({ opacity: '0' }, .1);

How long would you expect these animation to take?___

posted image

2014-04-11 03:34:28 (20 comments, 120 reshares, 394 +1s)Open 

#DevTools Tip: View event listeners registered on any node

Navigate to the Event Listeners pane and browse the events registered on any node. You can also view the source of an event listener by selecting Show Function Definition in the context menu.

#DevTools Tip: View event listeners registered on any node

Navigate to the Event Listeners pane and browse the events registered on any node. You can also view the source of an event listener by selecting Show Function Definition in the context menu.___

Buttons

A special service of CircleCount.com is the following button.

The button shows the number of followers you have directly in a small button. You can add this button to your website, like the +1-Button of Google or the Like-Button of Facebook.






You can add this button directly in your website. For more information about the CircleCount Buttons and the description how to add them to another page click here.

Paul IrishTwitterCircloscope