user-experience

I am making some improvements on a web-site that has a youtube video embedded in its home-page. I have not added this code myself, but it looks like: <object width="380" height="307"> <param name="movie" value="http://www.youtube.com/v/DooLJvsH_BY&hl=en_US&fs=1&" /> </param> <param name="allowFullScreen" value="true" /> </param> <param name="allowscriptaccess" value="always" /> </param> <embed src="http://www.youtube.com/v/DooLJvsH_BY&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="307"></embed> </object> I have a small

Before displaying the items from a collection, meteor seems to do some processing that leaves the client window without updates. You can see this live if you surf to http://madewith.meteor.com on a reasonable machine. My 2.6GHz 4GB RAM laptop takes about 5 seconds to render the items in the list, during which there is no indication of progress and a new user in a hurry could reasonably believe the page has finished loading. Is there a way to incrementally display items from a collection, such that the server pushes to the client the first items of data on the wire, and the browser renders them

I'm working on an Angular 4 project. I have an HTML <input type="number"> with min max and step attributes. My goal is to prevent typing numbers beyond the min-max range that is user friendly. How can I do that? function myFunction(e) { var min = -100; var max = 100; var txtValue = document.getElementById("txt").value; var pressedValue = e.key; var combined = parseFloat(txtValue, pressedValue); console.log(`OLD:${txtValue}\nNEW:${pressedValue}\nCOMBINED:${combined}`); if (combined > max) { e.preventDefault(); console.log('ohhw snapp'); } } <input type="number" id="txt" value="Hello" onkeydown=

I'm using inline-edit to update text in the database with AJAX. This is basically the process, pretty usual stuff: text is not editable I click the text, it becomes editable I type the new text then click to send the updated text to the database then return the text to non-editable format My question is when should I update the interface with the new data? Should I update it immediately before the ajax call, or should I wait for the update response to return from the database? My concern: If I don't update the interface immediately and wait to get the response from the database, then I've lost

Is there an existing js lib for capturing user activity browser side? ie. Scrolling, mouse moving, mouse clicking etc. I've been googling, searching stackoverflow and github but I keep getting links to paid analytic programs which aren't quite what I'm after. I'm tempted to start building something myself, but the more I think about it, the harder I realise it'll be and I'd be better off using some existing lib if available. What I'm thinking. Would this be an appropriate way to go about it? I'm assuming the best way is to listen on the body or window element and capture all desired events

I have built a GIS routing application, using WPF, MVVM, and Visual Studio 2015. When I test the app on a laptop, the fonts seem smaller than when I tested in debug mode on my pc. Is there a way to create a feature in my application settings so a user could increase the size of all of the fonts, globally, without affecting the graphics? I was hoping this would be similar to a webpage design with the 'ctrl +'. Any help would be greatly appreciated. I've added similar functionality to my application using ViewBox. Note, it doesn't change the font size, but instead "zooms" all aspects of the user