13. January 2013

3D HTML inspection in Firefox

Firefox has one very neat feature for web developers – 3D inspection. It’s very useful when you need to examine layer overlay or event bubbling.

Just right click and choose Inspect Element:

firefox-inspect

You’ll switch to inspect mode. Click 3D View in the right bottom corner.

firefox-3d

Simple ­čÖé

17. August 2011

Problem with jQueryMobile application in Internet Explorer

I was building application based on jQueryMobile.

It worked correctly in all modern browsers except Internet Explorer. Application was displayed incorrectly and it was not functioning at all.

Solution to this problem was quite easy. I forgot to specify following line in the beginning of document:

<!DOCTYPE html>

Application started to work correctly also in IE after this small fix.

24. May 2011

WebGL: 3 Dreams of Black

Just grab Google Chrome or Firefox 4 and watch this nice video clip 3 Dreams of Black.

Wonderful piece of computer art. ­čÖé

You can find more info about technology behind the scene in following video:

 

6. May 2011

HTML5 API – File.slice changed

Promised glory and unity of HTML5 API is falling apart. API keeps breaking with every new version of browser. That’s sad.

Firefox and Google Chrome implemented File API for manipulating with files. It contained very useful function slice.

Slice allowed you to read part of file content. This was quite handy when dealing with big files.

Poorly chosen name for API function caused split in browsers unity. Here is explanation:

This method was removed in Gecko 5.0 (Firefox 5.0) because its syntax differs from that of Array.slice() and String.slice(). Work is ongoing on standardizing its replacement, but for now you can use the mozSlice() method on Gecko-based browsers.

Nice.

Method was replaced by:

  • mozSlice – in Firefox
  • webkitSlice – in Google Chrome

There is one important difference in the second parameter of function:

  • In case of slice it was length of block that should be loaded.
  • In case of *Slice it is the end position of block (length + start position).

2. April 2011

Debugging Flex apps in Firefox 4

When you want to debug Flex app just start debugger in Flash Builder. It will launch browser, e.g. Firefox 4.

The problem is that when you stop at break point for too long, Firefox 4 will terminate Flash plugin. Default limit is 45 seconds.

This is useful behavior for normal web, but it’s not good for debugging.

Solution is quite easy.

Type URL: about:config

Enter filter: dom.ipc.plugins.timeoutSecs

Change value to -1

I found this solution at: support.mozilla.com

Happy debugging. ­čÖé