Profile

Cover photo
Addy Osmani
Works at Google
Attended University of Warwick
Lives in London, UK
26,062 followers|17,612,567 views
AboutPostsReviews

Stream

 
ES6 Repl: a DevTools extension for authoring & evaluating ECMAScript 6 code using Traceur

https://chrome.google.com/webstore/detail/es6-repl/alploljligeomonipppgaahpkenfnfkn 
70
17
Javier López de Ancos's profile photoErik Isaksen's profile photo
Add a comment...

Addy Osmani

Shared publicly  - 
 
 
#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.
118
42
Paulo Oliveira's profile photoOktavianus Ludiro's profile photoRizwan Muhammad's profile photoBen van de Sande's profile photo
4 comments
 
Is there a way to bypass the event library (helpers.js in your case, jQuery in my case) and get to the actual event handler?
Add a comment...

Addy Osmani

Shared publicly  - 
 
Chrome 34 stable is out! Includes: srcset and tons of security fixes

http://googlechromereleases.blogspot.co.uk/2014/04/stable-channel-update.html
The Chrome Team is excited to announce the promotion of Chrome 34 to the Stable channel for Windows, Mac, and Linux. Chrome 34.0.1847.116 contains a number of fixes and improvements, including: Responsive Images and Unprefix...
52
8
Ahmad Nassri's profile photoMichal Semerák's profile photoMatthew Fabb's profile photoAndre Mazoni Wanderley's profile photo
2 comments
 
Cannot scroll left/right with mouse wheel. It is scroll up/down!
Add a comment...

Addy Osmani

Shared publicly  - 
 
Liking http://pesticide.io/ - speeds up CSS layout debugging using outlines. Also has an awesome Chrome extension.

Extension: https://chrome.google.com/webstore/detail/pesticide-for-chrome/bblbgcheenepgnnajgfpiicnbbdmmooh/related?hl=en-US

h/t: +Matt Gaunt 
120
28
Wouter van den Borne's profile photoAmr Morsy's profile photoJupago's profile photoDmitry Pashkevich's profile photo
8 comments
 
colours.. lots of 'em
Add a comment...

Addy Osmani

Shared publicly  - 
 
Ooh. Learning JavaScript Design Patterns is now on Google Play!
106
11
Eugene OZ's profile photoGavin King's profile photoThathees Siva's profile photoKevin Mencos's profile photo
4 comments
 
Yay!
Add a comment...
Have him in circles
26,062 people

Addy Osmani

Shared publicly  - 
 
<video-js>: a +Polymer element that wraps video.js - the skinnable <video> library

http://addyosmani.github.io/video-js/
Demo: http://addyosmani.github.io/video-js/components/video-js/demo.html
43
9
Nuno Ferreira's profile photoJom Jose's profile photoJonathan TRANG's profile photoCarlos Ramos's profile photo
4 comments
 
Hi +Addy Osmani !

I see that you used the `untitled-element` boilerplate for the <video-js> documentation (https://github.com/PolymerLabs/untitled-element)

I tried to use it for one of my project but encountered some problems :

- I feel that there is a link to make between the "master" and "gh-pages" branches, but I can't make it work
- The .bowerrc file installs all bower components outside my project folder
- There is a ".bower.json" file but I couldn't find any docs about it
- There no Gruntfile, so no dev server. How do you test your code anymore ?

Any help would be appreciated ;)

Thanks !
Add a comment...
76
20
Matthew Fabb's profile photoHeber López's profile photoAndré Loureiro's profile photoLucas Souza's profile photo
 
Web fonts actually look quite good on Windows in this beta. I've been waiting for this moment for YEARS!
Add a comment...

Addy Osmani

Shared publicly  - 
 
 
I implemented 90% of the <select> element using +Polymer and web components.  It's amazing how much of the existing web platform we can now explain using these new technologies!

http://ebidel.github.io/polymer-experiments/select-element/

This is great example of +Dimitri Glazkov's "HTML as Custom Elements". Check it out: https://github.com/dglazkov/html-as-custom-elements
31
6
Alice Boxhall's profile photoChris Keen's profile photo
Add a comment...

Addy Osmani

Shared publicly  - 
 
Powerful stuff.
 
#DevTools Tip: Store JavaScript objects as temporary global variables

Paused at a breakpoint? Store a locally scoped JavaScript object as a global variable by right clicking on it in the Console panel and selecting Store as global variable
90
28
Lyle Troxell's profile photoKumar B's profile photoAmit Agarwal's profile photoZahir Gudiño's profile photo
9 comments
Kumar B
 
+Amit Agarwal the only differece is you won't have to type it. The new global variable is auto-named. So if you are using it multiple times, you will have to remember those references. 
Add a comment...
 
<google-signin> - a +Polymer element for authenticating with a Google account

Source: https://github.com/addyosmani/google-signin/blob/master/google-signin.html
Quick demo: http://addyosmani.github.io/google-signin/demo.html
Install from Bower: bower install google-signin
161
49
Dzenan Ridjanovic's profile photoSimon Petersen's profile photoMarko Bonaći's profile photoSinikka Schröter's profile photo
4 comments
 
This is very cool, so I have a couple questions:

1) Why are CLIENT_ID, and SCOPES handled as singleton variables instead of members of the element? What's intended to happen if you include two of these on a page (which could be useful to ask for more than one different set of scopes, depending on user interaction)?

2) http://w3c.github.io/webcomponents/spec/shadow/#h3_inert-html-elements says that <script> elements behave as usual inside the shadow tree. Given that, why are you creating the <script> element dynamically instead of writing <script async src="https://apis.google.com/js/client.js" type="text/javascript" on-load="{{handleClientLoad}}"> inside your <template>?

3) Does this element work inside a Cordova app? (https://cordova.apache.org/)
Add a comment...
People
Have him in circles
26,062 people
Work
Occupation
Senior Developer Programs Engineer
Skills
Developer Tooling, JavaScript Engineering, Application Architecture, Build Tooling.
Employment
  • Google
    Senior Developer Programs Engineer, 2013 - present
    Improving developer tooling and productivity for the Chrome team.
  • Google Chrome
    Developer Programs Engineer, 2012 - 2013
  • Aol
    Software Engineer, 2011 - 2012
  • Shortsaleology
    Senior Web Developer & Project Manager, 2009 - 2011
  • Empora.com
    Senior Web Developer, 2008 - 2009
  • 404Defender
    Lead Web Developer
  • ServaxNet
    Senior Web Developer
  • WMP Ltd.
    Senior Web Developer
  • VREHQ Ltd
    Lead Developer
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
London, UK
Previously
Mullingar, Ireland - London, England - Mullingar, Ireland - Coventry, England
Links
Contributor to
Story
Tagline
Senior Developer Programs Engineer at Google
Introduction
Whoa. What are you doing on my profile page? Stalker! ; )

So, I'm a Developer Programs Engineer on the Chrome team at Google focusing on creating tools to help empower developers to build compelling web apps more easily.

In my spare time, I enjoy contributing free talks, articles and open source projects to the development community.

I'm the author of two books - "Learning JavaScript Design Patterns" and "Developing Backbone.js Applications", have contributed chapters to several Smashing books and have also created/contributed to projects such as TodoMVC, Yeoman and Aura.

For the latest on my takes on whats going on in the world of web development, feel free to check out my blog at addyosmani.com.
Education
  • University of Warwick
  • Oxford University
  • University of Sheffield
Basic Information
Gender
Male
Other names
Adnan Osmani
After having spent so much on other barristers, with little results, I was amazed at how Paul Richmond (of Richmond Canter Immigration Barristers) handled our immigration case with such care, making the process as painless as possible. As other reviewers have mentioned, his reputation simply excels. Trying to immigrate means a mountain of paperwork and several personal details. Mr. Richmond gave us step by step instructions through the immigration procedure, and whenever we had questions, he was always quick to respond with great detail. Thoroughly going through all of our documents, Mr. Richmond made sure that everything was in order, so that the process went as smoothly as possible. If anyone I knew was looking for an Immigration Barrister, I would definitely recommend Paul Richmond. Mr. Richmond is fair, efficient, and very professional. We will certainly be recommended this firm to our colleagues and friends.
• • •
Public - a year ago
reviewed a year ago
1 review
Map
Map
Map