Develop Reference

Load appropriate size image on firefox resize

I found this example of using tag to use responsive feature. It works fine in Chrome but does't work in firefox as expected. Firefox downloads image which is according to current firefox window width. Is it possible to download image according to window size dinamically on resize without any js?

There is bug reported regarding the srcset attribute
https://bugzilla.mozilla.org/show_bug.cgi?id=870021
As of right now is available in the dev channel of Chrome and in Firefox 34+. In both cases you’ll need to enable it. In Firefox, head to about:config and search for “dom.image.picture.enabled”. In Chrome you’ll need to go to chrome://flags/#enable-experimental-web-platform-features, enable that feature and restart.
Reference Site

enableObjectResizing and enableInlineTableEditing in Webkit

I have enabled contentEditable. In Firefox, by default, the tables and images can be manipulated. But in other browsers like Midori, QupZilla and similar WebKit browsers this feature is not enabled by default.
How/Can can I enable these two settings
enableObjectResizing
enableInlineTableEditing
in a WebKit based browser's console?
I am going to utilize this in a program that I am making, but trying to figure out how to do it in the console first.

enableObjectResizing and enableInlineTableEditing aren't supported in WebKit browsers including at least Chrome. Open this codepen (only in Chrome, obviously) to see that.

Does ie10 support image pasting from clipboard?

Does ie10 support the ability to support copy and pasting an image. IE has the fileReader api which is nice, but it would be cool to have ability to paste a picture.

A good indicator that pasting images into IE10 is not possible, is the nice site http://pasteboard.co. The site tries really hard to allow pasting of images, however it fails for IE10.
For the sake of completeness:
In chrome/webkit you have to handle event paste and look into event.clipboardData.
In firefox you have to create a <div/> with attribute "contenteditable". See http://joelb.me/blog/2011/code-snippet-accessing-clipboard-images-with-javascript/

It seems that http://snag.gy/ supports copy and paste from clipboard of images in IE 10. At least it works for me. As soon as I change the mode to IE 8/9 it only works with a Java applet.

webkitRequestFullScreen fails when passing Element.ALLOW_KEYBOARD_INPUT in Safari 5.1.2

Running into the following problem specifically in Safari 5.1.2 when attempting to use the javascript fullscreen api.
By copy and pasting the following lines into your browser on a loaded page, you can see the effect.
This works in Chrome 15 and Safari 5.1.2:
javascript:document.querySelector('body').webkitRequestFullScreen();
This works in Chrome 15 but fails silently in Safari 5.1.2:
javascript:document.querySelector('body').webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
ALLOW_KEYBOARD_INPUT seems like it should work in Safari, according to documentation here: http://developer.apple.com/library/safari/#documentation/WebKit/Reference/ElementClassRef/Element/Element.html
Any ideas why this isn't working?

This is known Safari bug. It can be sniffed during full screen switching:
someElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
if (!document.webkitCurrentFullScreenElement) {
// Element.ALLOW_KEYBOARD_INPUT does not work, document is not in full screen mode
}
Use this real time sniffing and thus your code will support future fixing bug in Safari.

someElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT) works in chrome.
And someElement.webkitRequestFullScreen() works in safari 5.1.7
All test base on windows 7.

I just ran into the same issue, and this is most definitely a bug.
This may be a case of the Undetectables. Guess we're gonna have to use good ol' browser sniffing.
...(/Safari/.test(navigator.userAgent) ? undefined : Element.ALLOW_KEYBOARD_INPUT)
[edit] ...in which case keyboard input isn't possible. So I guess it's best to cut out fullscreen mode in Safari for the time being [/edit]
Keep in mind that the fullscreen API is in a very early stage at the moment, and should not be used in production

How can I use JS to add a bookmark specifically in IE9

After reading another StackOverflow question, I started using this javascript "plugin" across my websites. However recently a client told me that it isn't working in IE9. I use Windows XP so I can't test IE9 but I'm 99% sure he's telling the truth. Any ideas?

The code you suggested (copyrighted by a porn site) tests MSIE 8 and higher and uses window.external.AddToFavoritesBar which was introduced in IE8.
I have now successfully tested your suggested code it on >>THIS PAGE<< in the following browsers - all on windows XP except IE9 which I tested on vanilla default win7 installation (IE9 only runs on Win7 or an upgraded Vista)
IE9 - bookmarks
IE8 - bookmarks
Safari5 - shows ctrl-d
Chrome10 - shows ctrl-d
Fx4 - bookmarks in sidebar
Opera v11 - bookmarks
Mozilla 1.7 - does not show the link.
So the answer to your question is: The code you want to use should work and does work in a standard installation of windows 7 with IE9 default install.
For the readers of this question, here is something much simpler which will work on all browsers (except, for some weird reason, Chrome), simply do this:
Page bookmark (Please right-click to bookmark): <a title="Title of the bookmark (for Opera)"
href="http://fullyQualifiedUrlToYourSite.com/page.html">Title of the bookmark</a>
or if you insist:
Page bookmark (Please right-click to bookmark):
<a title="Title of the bookmark (for Opera)"
href="http://fullyQualifiedUrlToYourSite.com/page.html"
oncontextmenu="if (navigator.userAgent.indexOf('Chrome')!=-1)
alert('Click ctrl-d to bookmark, as you already know as a Chrome-using techie')"
>Title of the bookmark</a>