Developer Edition 40: Always active network monitoring, CSS rules filtering, and much more

Firefox 40 was just uplifted, and we have a lot of updates to share. This release took a major effort by Developer Tools contributors to address feedback we’ve heard directly from people using our tools. Grab a copy of the Developer Edition browser and check it out.

Experimental Multi-process Support: A Request

When you update to Developer Edition 40, you’ll be prompted to opt in to test multi-process Firefox. Please consider helping us test this new feature and providing feedback around any issues you see.

New in the Inspector

  • There is now a filter box in the CSS Rules view that lets you find rules that match a string. See the Filter Styles screencast or the screenshot below. (Development notes: 1120616 and 1157293.)

Inspector Filter Styles Screenshot

  • There is a new CSS documentation tooltip for CSS properties. Right click on any property in the CSS Rules view and select “Show MDN Docs” to see more information about that property. (Development notes.)

MDN Tooltip In Inspector Screenshot

  • Inspector search now includes results from iframes and also includes class / id results without the CSS prefix. (Development notes: 873443 and 1149346.)
  • There is a new CSS Filter Editor Tooltip added by Mahdi Dibaiee. Check out the CSS Filter Editor Tooltip screencast for a demo, or try it on the filter demos page in Developer Edition. (development notes)
  • The Animation Inspector has had some major updates. It now shows subtree animations, playback rate can be controlled, and it previews and highlights animated DOM nodes. (Development notes: 1155651, 1155653, and 1144615.)

There are too many changes to list in this post, but here are a few more interesting updates you may come across in the Inspector:

  • The Box Model view has legends for the regions and tooltips to show which CSS rule invoked the computed value. (Development notes: 1141571 and 1151956.)
  • shift+clicking a color swatch switches between color unit formats in place. (Development notes.)
  • New Scroll Into View, Open Link in New Tab, Copy Link, Open In Style Editor, and Open in Debugger context menu items in the Markup View. (Development notes: 901250, 921102, and 1158822.)

Network Monitor News

Cached network requests in Network Monitor Screenshot

Here’s a selection of other changes and improvements in this release:

  • New Copy Response, Copy URL parameters, and Copy Request/Response Headers context menu items on each request. (Development notes: 955933, 1150717, and 1150715.)
  • Search box to filter requests. (Development notes.)
  • IP address included in Domain tooltip for network monitor. (Development notes.)
  • Added access keys to the request context menu. (Development notes.)

Web Console

  • New console method: console.dirxml(). (Development notes.)
  • New filter options in the web console to show console messages from workers. (Development notes.)
  • Quotes in strings are no longer added if logged via console.log. Thanks to new contributor Dmitry Sagalovskiy for adding this feature! (Development notes.)



Special thanks to all the people who contributed patches to Firefox Developer Tools this release! Here is a list of all the DevTools bugs resolved for Firefox 40. Kudos to the many contributors.

Do you have feedback, bug reports, feature requests, or questions? As always, you can comment here, get in touch with the team at @FirefoxDevTools, or share your constructive feedback and feature requests on our Firefox Dev Tools feedback channel.

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Mobile first, and last, and always

A wise man said that the only constant is change.
Personally I found I wasted a lot of time lately.
Reasoning with myself, I came to a few conclusions.
I need to stop concentrating on the open web.
Learning this was tough, but it makes sense.

Free software and open systems are stifling.
Open means in a lot of cases lack of innovation.
Open also means that you need to support the past.
Looking at closed innovation, I get jealous.
So I came to the conclusion to only care about mobile.

Let’s face it – surveys show that 7 out of 10 people own at least one brand new mobile device and the others are just saving money to catch up. Innovation happens in closed environments and the real changes that make a difference only happen when new hardware comes out. Now for example we have to re-do all the graphics we had done in the past because of higher resolutions. There is no way end users should suffer a blurry display as we were not insightful enough to prepare for this. Desktops are a dying breed and there is no point in thinking that way any longer.

In the end there should be one platform, one browser engine and one device manufacturer. The web also needs one company to own it so we can innovate and concentrate on building delightful experiences instead of dealing with implementation differences. True, connectivity is an issue, but once we allow companies to step up and control that instead of meddling data protection people and governments that shouldn’t be an issue either.

It is also true that not everybody can afford buying new devices all the time, but let’s think about that: in the end we need to make money from our work, so why target people who don’t have enough money? We could just define our market and make apps that are delightful and beautiful and use all the newest features our users deserve and make sure to keep a constant flow of apps out there. If it is more than a month old, discard it and get a new version. We have to move on! Iteration is for whiners.

Talking about making money: I am aware that a lot of people come here for old articles and information I gave out free. That will change soon – there will be a small fee to access the old content and I will add DRM to the upcoming articles. I got to make ends meet and get the money to buy new devices, too.
I just need to find a way to bill you. As we all know Paypal is evil and hate everybody, so I will probably go with Square. This means of course that only US visitors can pay, so for the time being Europeans and Asian visitors will get creative commons licensed pictures of cats. If you are honest with yourself, you should move to the States anyways as there is no innovation or opportunities outside the valley.

Which also brings me to a personal change that will happen. I’ve been following the rise of “brogrammers” for quite a while now and I love it. American education systems and its concept of sororities and fraternities is a beacon of light and something every market should encourage and copy. As I am too old to be a “brogrammer” I thought it would be a good opportunity to coin a new term. From now on I shall be a Jockleader – it mixes the sexiness and inspiration of a cheerleader with the stamina, determination and competitiveness of a jock. In other words, a pack of awesome.

I am sure you understand, there is no way I can waste my time any longer. Future friendly is for pussies, we need to stalk and bear-hug the future. Maybe high-five it, too.

View full post on Christian Heilmann

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)