How to “inspect element” on scrollbar?
Inspect the element you are interested in seeing the style of the scroll bar and go to the bottom of the “Styles” section. You will find the definitions of the pseudo elements
webkit
Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
WebKit now supports the CSS directive: image-rendering:-webkit-optimize-contrast; You can see it working in action using Chrome and the last image on this page: http://phrogz.net/tmp/canvas_image_zoom.html The rules used on that page are: .pixelated { image-rendering:optimizeSpeed; /* Legal fallback */ image-rendering:-moz-crisp-edges; /* Firefox */ image-rendering:-o-crisp-edges; /* Opera */ image-rendering:-webkit-optimize-contrast; /* Safari */ image-rendering:optimize-contrast; /* CSS3 Proposed */ … Read more
WKWebKit javascript execution when not attached to a view hierarchy
Having run into the same problem, I never found any solution except to add the WKWebView to the view hierarchy and move it offscreen with AutoLayout. Fortunately, this workaround does work reliably.
Webkit backface visibility not working
Just put this -webkit-transform:rotateY(0deg);, you need to tell the browser which is the front face first.
Webkit border-radius and overflow bug when using any animation/transition
I had the same exact issue. Adding this to the parent container solved it for me (this is a LESS mixin). .transitionfix() { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0) }
rounded corners on html5 video
Create a div container with rounded corners and overflow:hidden. Then place the video in it. <style> .video-mask{ width: 350px; border-radius: 10px; overflow: hidden; } </style> <div class=”video-mask”> <video></video> </div>
How can my iPhone Objective-C code get notified of Javascript errors in a UIWebView?
I have now found one way using the script debugger hooks in WebView (note, NOT UIWebView). I first had to subclass UIWebView and add a method like this: – (void)webView:(id)webView windowScriptObjectAvailable:(id)newWindowScriptObject { // save these goodies windowScriptObject = newWindowScriptObject; privateWebView = webView; if (scriptDebuggingEnabled) { [webView setScriptDebugDelegate:[[YourScriptDebugDelegate alloc] init]]; } } Next you should create … Read more
Headless, scriptable Firefox/Webkit on linux? [closed]
What about phantomjs?
Style the scrollbar with css in Google Chrome (-webkit)
Here is an example that works: ::-webkit-scrollbar { height: 12px; width: 12px; background: #000; } ::-webkit-scrollbar-thumb { background: #393812; -webkit-border-radius: 1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); } ::-webkit-scrollbar-corner { background: #000; } Or you can use jScrollPane.
How do I add a margin to a CSS webkit scrollbar? [closed]
There’s yet another solution which might fit easily in everybody’s project. If you use a transparent border as a margin and a box-shadow with inset to set it’s color, you’d get the result you are hoping for. For instance: ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 10px 10px green; border: solid … Read more