Develop Reference

dopetrope left menu randomly disappears

I am using the Dopetrope meanu form html5up.net:
http://html5up.net/uploads/demos/dopetrope/left-sidebar.html
This template is simply great but I am having an issue with the left hand menu when in mobile view. When you click the famous burger icon (no matter which page) the menu slides in as expected and it works some of the time but not everytime. It is not something I have added as it does it on the official demo site (above) too.
Go to the above URL and without clicking navigation links, just scroll the page up and down a few times, then click the burger icon. Keep doing this a few times and you will find that on some occasions the left hand links and icon toggle disappears (just leaving the dark background). But if you do see the burger icon, you can click it again and the menu will show again.
This only happens on mobile (android samsung S4 mini - happens pretty much 100% of the time). Iphone 6 - happens say 40/60.
Could anyone help with providing a fix for this? Or perhaps point me to the code that calls the menu to see if I can override a setting such as z-index or call the function twice?
Many thanks for anyone who can help.

Snap to each list item when swiping on mobile

I have a simple horizontal list that is swipeable on a mobile device. Once a tab is clicked on, its page content is displayed.
However, I would like to have the swiping SNAP from tab to tab. Once a tab is snapped to, that tab will then become active and show its page content.
In short, the goal is to swipe tab to tab, NOT swipe and click.
Does anyone have any code or resources they would like to share with me to achieve this effect?
Cheers.
PS: I only need to test for iOS

You can use hammer js to do actual swipe. To slide between tabs you can use jquery scrollTo plugin passing an index of the tab you are swiping to. Because .eq method is zero-based index of the last tab would be tabs length - 1.
Every content section will have its index as well, so based on the tab's index you can show relevant content section.

Mesh Detection works only after I have opened Developer Tools

I load some obj. and .mtl files and I create and add some object in the scene. I put them in an array, so I can detect when they 're clicked succesfully. ( (intersectObjects(objs,true) )
Although, when I create simple circle meshes and put them in an array so I can detect them, detection does not fully work. Very difficultly intersectObjects() detects my clicks on the circles (needs 4-5 clicks on average).
The strange thing is that when I press F12 and I open the Developer Tools (and then I close it or not,does not matter), everything works perfectly and the circles are easily detected. Very strange. I think something is wrong with intersectObjects(). It seems to me that it does not handle well the meshes.
Piece of code (because project is big and complicated):
https://dl.dropboxusercontent.com/u/100222836/code.js
Note: I think couple of days ago console put out an "error" message relate to the .getDescendants function of the Three.js file in the IntersectObjects function.
EDIT
An other odd thing that happens is that before I open the developer tools, I click next to a circle ( the empty space at the left of a circle) and it detects the click as if I had clicked the circle itself (the circle in the right of the empty space changes color as expected by the click)! (see pic where I click : https://www.dropbox.com/s/0gqb6iovon8c665/Screenshot%202014-05-15%2015.51.18.png ).
After I opened the Tools, it does not detect the clicking in the empty space at the left of a circle. Instead, I click on a circle and it detects the click as if I had done it in the right circle* (the circle in the right of the one I clicked, changes color as expected by the click) : https://www.dropbox.com/s/ntiumegrg7wkgie/Screenshot%202014-05-15%2015.51.18%20-%20Copy.png
So Something is wrong with the meshes that are loaded on the scene, or with how the intersect() works.**
*I fixed that,it was just a math problem. So now when I open the D.T. it works fine. Still remains the problem if I don't open the D.T.
**
EDIT 2 this is the code of the project. check it : https://dl.dropboxusercontent.com/u/100222836/test.html
**

opening a window on second monitor (screen) with asp.net

I want to open a window popup on second monitor automatically. I try to open it with javascript but the popup recline to my first screen's right top. When I use mouse it can fit on second screen but I dont want to use mouse, I want to do it automatically
my javascript code:
window.open("Pop.aspx", "Pop.aspx", "width=10,height=10,screenX=1800,screenY=0");
I change screenX property many times but it didn't work.
Any Idea?

my first bookmarklet

So I'm working on my first bookmarklet and had a few questions.
The goal of the bookmarklet is to overlay a video player on any website to essentially dim the lights everywhere except the actual player.
The user flow would go something like this:
user clicks the bookmarklet and they are able to hover over certain elements of the page where they highlight (think Firebug inspect)
user hovers over the correct div (where the video is) and clicks it
that area that they click remains "see-through" while the rest of the visible browser page goes black (or say 90% opaque.)
clicking the bookmarklet again would clear the selection and allow the user to start over.
Another idea would be to allow the user to "drag / draw" a rectangle where the video would be and then step 3 would occur after making a selection on the page.
I'm just looking for any ideas / snippets / anything else that might be out there to get me going in the right direction.

Try putting an opaque/near-opaque black div over the entire screen, then setting the z-index of the video to something higher than the black div.
You can use something like what's at this page to determine what element the mouse is over and highlight it.