snipt

Ctrl+h for KB shortcuts

Text only

iPhone: Screenshot without having the device

1
2
3
Launch emulator with the device wanted.
Click Edit / Copy screen
Then Paste it in Photoshop or other
https://snipt.net/embed/be388967e7c450fdf3b0fa52b876555b/
https://snipt.net/raw/be388967e7c450fdf3b0fa52b876555b/
be388967e7c450fdf3b0fa52b876555b
text
Text only
3
2016-09-22T20:41:35
True
False
True
Apr 26, 2014 at 04:07 PM
/api/public/snipt/133121/
iphone-screenshot-without-having-the-device-8b895857
<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>Launch emulator with the device wanted. </span><span id="L-2"><a name="L-2"></a>Click Edit / Copy screen </span><span id="L-3"><a name="L-3"></a>Then Paste it in Photoshop or other </span></pre></div> </td></tr></table>
ios, ipad, iphone, screenshot

CSS

Native style momentum scrolling to arrive in iOS 5

1
2
3
4
element {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
https://snipt.net/embed/0fd63372964650875f919b4be9b3d8a6/
https://snipt.net/raw/0fd63372964650875f919b4be9b3d8a6/
0fd63372964650875f919b4be9b3d8a6
css
CSS
4
2016-09-26T02:57:48
True
False
False
Jan 24, 2013 at 08:53 AM
/api/public/snipt/54385/
native-style-momentum-scrolling-to-arrive-in-ios-5
<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></pre></div></td><td class="code"><div class="highlight"><pre><span id="L-1"><a name="L-1"></a><span class="nt">element</span> <span class="p">{</span> </span><span id="L-2"><a name="L-2"></a> <span class="k">overflow</span><span class="o">:</span> <span class="k">scroll</span><span class="p">;</span> </span><span id="L-3"><a name="L-3"></a> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="k">overflow</span><span class="o">-</span><span class="n">scrolling</span><span class="o">:</span> <span class="n">touch</span><span class="p">;</span> </span><span id="L-4"><a name="L-4"></a><span class="p">}</span> </span></pre></div> </td></tr></table>
ios, ipad, iphone, mobile, scrolling

HTML

Lock the layout's resolution to a 1:1 ratio so that each pixel exactly lines up with the pixels in the iPad's screen.

<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
https://snipt.net/embed/72b2329ba95806f00012979169d12492/
https://snipt.net/raw/72b2329ba95806f00012979169d12492/
72b2329ba95806f00012979169d12492
html
HTML
1
2016-09-22T08:29:19
True
False
False
/api/public/snipt/42492/
lock-the-layouts-resolution-to-a-11-ratio-so-that-each-pixel-exactly-lines-up-with-the-pixels-in-the-ipads-screen
<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">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content=</span><span class="s">&quot;width=768px, minimum-scale=1.0, maximum-scale=1.0&quot;</span> <span class="nt">/&gt;</span> </span></pre></div> </td></tr></table>
ipad, layout, meta, screen

CSS

disable copy on iDevice

1
2
3
* {
-webkit-user-select: none;
}
https://snipt.net/embed/ce92b1f249fd9efab4fbd3e7c39b9a76/
https://snipt.net/raw/ce92b1f249fd9efab4fbd3e7c39b9a76/
ce92b1f249fd9efab4fbd3e7c39b9a76
css
CSS
3
2016-09-22T08:29:26
True
False
False
/api/public/snipt/22685/
disable-copy-on-idevice
<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="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">user</span><span class="o">-</span><span class="n">select</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></pre></div> </td></tr></table>
css, idevice, ipad, iphone
Copyrighted, illegal, or inappropriate content? Email support@snipt.net.