snipt

Ctrl+h for KB shortcuts

Text only

Mobile: -webkit-transform translate make elements disappear on iOS5

1
2
3
Nope, actually it's the -webkit-overflow-scrolling: touch properties (wherever it is) which makes those "css translated elements" disappear.

Hope it helps someone.
https://snipt.net/embed/873afdb2a59dadeeabdea14b8e59f5bb/
/raw/873afdb2a59dadeeabdea14b8e59f5bb/
873afdb2a59dadeeabdea14b8e59f5bb
text
Text only
3
2019-04-07T21:46:34
True
False
True
Feb 12, 2014 at 11:35 AM
/api/public/snipt/113075/
mobile-webkit-transform-translate-make-elements-disappear-on-ios5
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>Nope, actually it&#39;s the -webkit-overflow-scrolling: touch properties (wherever it is) which makes those &quot;css translated elements&quot; disappear. </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a>Hope it helps someone. </span></pre></div> </td></tr></table>
css, disappear, invisible, ios, transform, translate, translate3d

JavaScript

extract the css transformation properties with Javascript

1
2
3
4
5
6
// src:http://stackoverflow.com/questions/3451402/how-to-extract-the-webkit-transformation-syntax-in-javascript
// credit : http://whattheheadsaid.com/
//
//
$(this).css('-webkit-transform').match(/[^()\s]+(?=,|\))/g);
// -> ["0.6", "0px", "2236px", "12deg"]
https://snipt.net/embed/6bd1edb1f8c82c7d09df91f49eeb50b9/
/raw/6bd1edb1f8c82c7d09df91f49eeb50b9/
6bd1edb1f8c82c7d09df91f49eeb50b9
js
JavaScript
6
2019-06-17T12:09:09
True
False
False
Sep 27, 2012 at 12:51 PM
/api/public/snipt/47725/
extract-the-css-transformation-properties-with-javascript
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c1">// src:http://stackoverflow.com/questions/3451402/how-to-extract-the-webkit-transformation-syntax-in-javascript</span> </span><span id="L-2"><a name="L-2"></a><span class="c1">// credit : http://whattheheadsaid.com/</span> </span><span id="L-3"><a name="L-3"></a><span class="c1">//</span> </span><span id="L-4"><a name="L-4"></a><span class="c1">//</span> </span><span id="L-5"><a name="L-5"></a><span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;-webkit-transform&#39;</span><span class="p">).</span><span class="nx">match</span><span class="p">(</span><span class="sr">/[^()\s]+(?=,|\))/g</span><span class="p">);</span> </span><span id="L-6"><a name="L-6"></a><span class="c1">// -&gt; [&quot;0.6&quot;, &quot;0px&quot;, &quot;2236px&quot;, &quot;12deg&quot;]</span> </span></pre></div> </td></tr></table>
"css transform", css3, javascript, js, regex, rotate, rotateX, rotateY, scaleX, scaleY, transform, translate, translateX, translateY

Text only

google translate auto language detection custom search query for alfred

http://translate.google.com/translate_t?text=&hl=en&q={query}&um=1&ie=UTF-8&sa=N&tab=wT#
https://snipt.net/embed/b94f705362953ab54b8253fa24464b39/
/raw/b94f705362953ab54b8253fa24464b39/
b94f705362953ab54b8253fa24464b39
text
Text only
1
2019-06-14T05:56:06
True
False
False
/api/public/snipt/24535/
google-translate-auto-to-dutch-custom-search-query-for-alfred
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>http://translate.google.com/translate_t?text=&amp;hl=en&amp;q={query}&amp;um=1&amp;ie=UTF-8&amp;sa=N&amp;tab=wT# </span></pre></div> </td></tr></table>
alfred, google, search, translate