snipt

Ctrl+h for KB shortcuts
Notice: Snipt is moving away from free accounts on May 1st, 2014. Read more about the transition here.
#80521

HTML

Icelandic quotation marks

„ Lorem ipsum dolor sit amet “
https://snipt.net/embed/d2756e86e11250988ab7b4a917714835/
https://snipt.net/raw/d2756e86e11250988ab7b4a917714835/
d2756e86e11250988ab7b4a917714835
html
HTML
1
2014-04-17T08:55:07
True
False
Sep 12, 2013 at 06:49 AM
/api/public/snipt/80521/
icelandic-quotation-marks
<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 id="L-1"><a name="L-1"></a><span class="ni">&amp;bdquo;</span> Lorem ipsum dolor sit amet <span class="ni">&amp;ldquo;</span> </span></pre></div> </td></tr></table>
html
#51402

CSS

Whitespace

content: "\0020";
https://snipt.net/embed/89ea5e8996d607cf5acb4e28e9db468d/
https://snipt.net/raw/89ea5e8996d607cf5acb4e28e9db468d/
89ea5e8996d607cf5acb4e28e9db468d
css
CSS
1
2014-04-16T16:40:30
True
False
Dec 07, 2012 at 08:57 AM
/api/public/snipt/51402/
whitespace
<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 id="L-1"><a name="L-1"></a><span class="nt">content</span><span class="o">:</span> <span class="s2">&quot;\0020&quot;</span><span class="o">;</span> </span></pre></div> </td></tr></table>
utf
#50821

CSS

Clear spin controls in Webkit

1
2
3
4
5
6
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	margin: 0;
	-webkit-appearance: none;
}*/
https://snipt.net/embed/ffbc0702ad1602d4ad9045a6cb009c6a/
https://snipt.net/raw/ffbc0702ad1602d4ad9045a6cb009c6a/
ffbc0702ad1602d4ad9045a6cb009c6a
css
CSS
6
2014-04-13T12:47:34
True
False
/api/public/snipt/50821/
-1149
<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 id="L-1"><a name="L-1"></a><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">number</span><span class="o">]:</span><span class="nd">:-webkit-inner-spin-button</span><span class="o">,</span> </span><span id="L-2"><a name="L-2"></a><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">number</span><span class="o">]:</span><span class="nd">:-webkit-outer-spin-button</span> </span><span id="L-3"><a name="L-3"></a><span class="p">{</span> </span><span id="L-4"><a name="L-4"></a> <span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> </span><span id="L-5"><a name="L-5"></a> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">appearance</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span> </span><span id="L-6"><a name="L-6"></a><span class="p">}</span><span class="err">​</span><span class="o">*/</span> </span></pre></div> </td></tr></table>
webkit
#48683

CSS

Disable tap highlighting on your iOS web app

1
2
3
.fnord {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
https://snipt.net/embed/a20f2da00ee6bd5e2e50bd81bb2e2303/
https://snipt.net/raw/a20f2da00ee6bd5e2e50bd81bb2e2303/
a20f2da00ee6bd5e2e50bd81bb2e2303
css
CSS
3
2014-04-24T07:53:24
True
False
/api/public/snipt/48683/
disable-tap-highlighting-on-your-ios-web-app
<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 id="L-1"><a name="L-1"></a><span class="nc">.fnord</span> <span class="p">{</span> </span><span id="L-2"><a name="L-2"></a> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">tap</span><span class="o">-</span><span class="n">highlight</span><span class="o">-</span><span class="k">color</span><span class="o">:</span> <span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span><span class="m">0</span><span class="o">,</span><span class="m">0</span><span class="o">,</span><span class="m">0</span><span class="p">);</span> </span><span id="L-3"><a name="L-3"></a><span class="p">}</span> </span></pre></div> </td></tr></table>
iOS, webkit
#44825

CSS

Reset extra padding in Firefox

button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
https://snipt.net/embed/e5a3a0c81d430455014f92a4a4bc6323/
https://snipt.net/raw/e5a3a0c81d430455014f92a4a4bc6323/
e5a3a0c81d430455014f92a4a4bc6323
css
CSS
1
2014-04-24T11:06:03
True
False
Jul 31, 2012 at 07:02 AM
/api/public/snipt/44825/
reset-extra-padding-in-firefox
<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 id="L-1"><a name="L-1"></a><span class="nt">button</span><span class="nc">.ui-button</span><span class="o">:</span><span class="nd">:-moz-focus-inner</span> <span class="p">{</span> <span class="k">border</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> <span class="p">}</span> </span></pre></div> </td></tr></table>
Firefox
#44310

Text only

The protocol-relative URL

1
2
3
/* http://paulirish.com/2010/the-protocol-relative-url/ */

<img src="//domain.com/img/logo.png">
https://snipt.net/embed/766107565fdc84c2098a8bb60c114242/
https://snipt.net/raw/766107565fdc84c2098a8bb60c114242/
766107565fdc84c2098a8bb60c114242
text
Text only
3
2014-04-11T16:54:40
True
False
/api/public/snipt/44310/
the-protocol-relative-url
<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 id="L-1"><a name="L-1"></a>/* http://paulirish.com/2010/the-protocol-relative-url/ */ </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a>&lt;img src=&quot;//domain.com/img/logo.png&quot;&gt; </span></pre></div> </td></tr></table>
#43133

Text only

Find open curly brackets

[a-z]\{
https://snipt.net/embed/c5f45c2e2d7c653df37b9c7a4c9b886e/
https://snipt.net/raw/c5f45c2e2d7c653df37b9c7a4c9b886e/
c5f45c2e2d7c653df37b9c7a4c9b886e
text
Text only
1
2014-04-11T14:52:11
True
False
/api/public/snipt/43133/
find-open-curly-brackets
<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 id="L-1"><a name="L-1"></a>[a-z]\{ </span></pre></div> </td></tr></table>
regex
#40346

CSS

Remove Webkit Search Input Styles

1
2
3
4
5
6
7
input[type=search] {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
https://snipt.net/embed/5df57dcd204a071a96c5b658fc80589d/
https://snipt.net/raw/5df57dcd204a071a96c5b658fc80589d/
5df57dcd204a071a96c5b658fc80589d
css
CSS
7
2014-04-23T19:51:54
True
False
/api/public/snipt/40346/
remove-webkit-search-input-styles
<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> <a href="#L-7">7</a></pre></div></td><td class="code"><div class="highlight"><pre><span id="L-1"><a name="L-1"></a><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">search</span><span class="o">]</span> <span class="p">{</span> </span><span id="L-2"><a name="L-2"></a> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">appearance</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span> </span><span id="L-3"><a name="L-3"></a><span class="p">}</span> </span><span id="L-4"><a name="L-4"></a><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="s2">&quot;search&quot;</span><span class="o">]:</span><span class="nd">:-webkit-search-decoration</span><span class="o">,</span> </span><span id="L-5"><a name="L-5"></a><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="s2">&quot;search&quot;</span><span class="o">]:</span><span class="nd">:-webkit-search-cancel-button</span> <span class="p">{</span> </span><span id="L-6"><a name="L-6"></a> <span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span> </span><span id="L-7"><a name="L-7"></a><span class="p">}</span> </span></pre></div> </td></tr></table>
css