You have a lot of unnecessary keyframes. Don’t think of keyframes as individual frames, think of them as “steps” in your animation and the computer fills in the frames between the keyframes. Here is a solution that cleans up a lot of code and makes the animation start from the center: .gps_ring { border: 3px … Read more
Building on Dan’s answer here is my solution for this problem, with which I was struggling myself until just now. (this JS works on iOS Webkit, no guarantees for android, but please let me know the results) var desiredHeight; var desiredWidth; var bodyID = document.getElementsByTagName(‘body’)[0]; totalHeight = bodyID.offsetHeight; pageCount = Math.floor(totalHeight/desiredHeight) + 1; bodyID.style.padding = … Read more
(I filed a Radar for this shortly after asking the question here.) A new method was just added a few days ago (thanks jcesarmobile for pointing it out): Add -[WKWebView evaluateJavaScript:completionHandler:] http://trac.webkit.org/changeset/169765 The method is available in iOS 8 beta 3 and up. Here’s the new method signature: /* @abstract Evaluates the given JavaScript string. … Read more
As @relluf pointed out, applying 3D transitions on the relative element fixes the bug. However, I investigated it a bit further and it seems that applying -webkit-transform: translateZ(0px) works too (this is what Google does on gmaps map container) and it does not need to be on the relatively positioned element, just the direct descendant … Read more
Google Chrome 17.0.963.56 allows a maximum of 20 redirects, as tested with this PHP script: <?php $redirect = (isset($_GET[‘redirect’])) ? $_GET[‘redirect’] : 0; header(“Location: redirects.php?redirect=” . ($redirect + 1)); ?> Chrome aborts with error 310 when trying to open redirects.php?redirect=21, which means that the first 20 redirects were successful.
Try these stylings: input[type=”search”]::-webkit-search-decoration, input[type=”search”]::-webkit-search-cancel-button, input[type=”search”]::-webkit-search-results-button, input[type=”search”]::-webkit-search-results-decoration { -webkit-appearance:none; } Source: http://css-tricks.com/webkit-html5-search-inputs/#comment-82432
You can prevent your users from zooming by setting the delegate of your WKWebKit’s UIScrollView and implementing viewForZooming(in:) as in the following: class MyClass { let webView = WKWebView() init() { super.init() webView.scrollView.delegate = self } deinit() { // Without this, it’ll crash when your MyClass instance is deinit’d webView.scrollView.delegate = nil } } extension … Read more
For me, the freezing was repeatable and happened when trying to scroll up or down when already at the top or bottom, respectively. The fix was to add some listeners for touchstart and touchmove and detect these cases and event.preventDefault() on ’em. Something like the following, where .scroller is the div that will actually scroll … Read more
You can add and remove events of any kind by using the .on() and off() methods Try this, for instance jQuery(document).on(‘paste’, function(e){ alert(‘pasting!’) }); jQuery is actually quite indifferent to whether the event type you assign is supported by the browser, so you can assign arbitrary event types to elements (and general objects) such as: … Read more
Update: this was fixed in Firefox v35. See the full gist for details. == how to hide the select arrow in Firefox == Just figured out how to do it. The trick is to use a mix of -prefix-appearance, text-indent and text-overflow. It is pure CSS and requires no extra markup. select { -moz-appearance: none; … Read more