pressure
Version:
Pressure is a lightweight JavaScript library for both Force Touch and 3D Touch through a single API.
113 lines (109 loc) • 6.02 kB
HTML
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/poet.css">
<link rel="stylesheet" type="text/css" href="css/prism.css">
<link rel="stylesheet" type="text/css" href="css/cssdevices.css">
<link rel="stylesheet" type="text/css" href="css/style.css?v2.1.0">
<script src="js/prism.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="js/cssdevices.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Pressure.js</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png?v1">
</head>
<body>
<nav class="navbar navbar-full navbar-dark bg-primary m-b-2">
<div class="container">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation">
☰
</button>
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<a class="navbar-brand" style="line-height: 1.3;" href="index.html">Pressure.js</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#examples">Examples</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation.html">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="press.html">Press</a>
</li>
</ul>
<a href="https://github.com/stuyam/pressure" class="pull-sm-right btn btn-secondary">View on <strong>GitHub</strong></a>
</div>
</div>
</nav>
<div class="container">
<h3 class="text-light">Tweet at me <a href="https://twitter.com/PressureJs">@PressureJs</a> with the project you are working on that uses pressure.js and I will add you here to the expo! :)</h3>
<hr>
<h2>Examples</h2>
<a href="http://henryblyth.com/valentines/" style="width: 100%;">
<h4>Henry Blyth Valentines</h4>
<img src="img/pressure-heart.gif" style="width: 100%;" />
</a>
<hr>
<a href="http://stuyam.github.io/pressurejs-scale/"><h4>Pressure.js Scale</h4></a>
<p>This is still a work in progress, the "zero" doesn't work, but it is a cool example of what can be done with 3D Touch on the new iPhone 6s</p>
<hr>
<br><br>
<h2>Press</h2>
<ul>
<li>
<a href="http://knotlabs.com/" target="new"><h3>Knot Labs</h3></a>
</li>
<li>
<a href="https://www.producthunt.com/tech/pressure-js" target="new"><h3>Product Hunt</h3></a>
</li>
<li>
<a href="https://www.reddit.com/r/javascript/comments/42a7oc/pressurejs/" target="new"><h3>Reddit</h3></a>
</li>
<li>
<a href="https://fivejs.codeschool.com/episodes/144-episode-105-january-21st-2016/stories/769-pressure-js" target="new"><h3>5 Minutes of JS Podcast</h3></a>
</li>
<li>
<a href="https://twitter.com/StuYam/status/690418629578465281" target="new"><h3>Twitter</h3></a>
</li>
<li>
<a href="http://jquery-plugins.net/pressure-js-javascript-library-for-force-touch-and-3d-touch" target="new"><h3>jQuery Plugins</h3></a>
</li>
<li>
<a href="http://www.agileactors.com/blog/2016/2/3/fresh-resources-for-web-developers-february-2016" target="new"><h3>Agile Actors</h3></a>
</li>
<li>
<a href="http://stackoverflow.com/questions/33506623/any-way-to-detect-force-click-with-javascript" target="new"><h3>Stackoverflow</h3></a>
</li>
<li>
<a href="http://jster.net/blog/monthly-jster-february-2016-part-1#.VsULV5MrLMV" target="new"><h3>JSter</h3></a>
</li>
<li>
<a href="http://thepixelbeard.com/fresh-tools-of-the-week-30th-january-5th-feburary-2/" target="new"><h3>The Pixel Beard</h3></a>
</li>
<li>
<a href="https://codegeekz.com/fresh-resources-for-developers-february-2016/" target="new"><h3>Code Geekz</h3></a>
</li>
</ul>
</div>
<footer class="text-center-block">Pressure is created and maintained by Stuart Yamartino | <a class="text-smart-underline" href="https://twitter.com/PressureJs">Twitter</a> | <a class="text-smart-underline" href="https://github.com/stuyam">GitHub</a></footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/pressure.js?v2.1.0"></script>
<script type="text/javascript" src="js/app.js?v2.1.0"></script>
<!-- GitHub. -->
<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
<!-- Gitter Sidecar. -->
<script>
((window.gitter = {}).chat = {}).options = {
room: 'stuyam/pressure'
};
</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
</body>
</html>