Skip to content

Instantly share code, notes, and snippets.

View paultreny's full-sized avatar

Paul Reny paultreny

View GitHub Profile
@paultreny
paultreny / index.html
Created April 9, 2013 17:26
A CodePen by Paul Reny. Code Blocks - Highlighting linear gradient background scales with the body font size, thanks to Lea Verou - vimeo.com/52882799
<h1>Code Blocks</h1>
<pre class="html"><code>
&lt;pre class=&quot;html&quot;&gt;&lt;code&gt;
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
@paultreny
paultreny / index.html
Created April 9, 2013 17:27
A CodePen by Alexander Y. Cool Head-Turn Trick - Saw this awesome head-turn trick on ivivision.com and thought I would try and replicate it. With the use of a bit jQuery, CSS3 and HTML5 when you hover your mouse over the image horizontally, it appears as the image follows you.... http://www.alexandery.net/cool-head-turn-trick/
<div id="faces">
<div id="face-area">
<div id="image-1" style="display:none;">
<img src="http://www.alexandery.net/wp-content/uploads/2013/04/look-left3-e1365032206956.jpg" />
</div>
<div id="image-2" style="display:none;">
<img src="http://www.alexandery.net/wp-content/uploads/2013/04/look-left2-e1365032152347.jpg" />
</div>
<div id="image-3" style="display:none;">
<img src="http://www.alexandery.net/wp-content/uploads/2013/04/lookleft3-e1365032364205.jpg" />
@paultreny
paultreny / index.html
Created April 9, 2013 17:38
A CodePen by Paul Reny. Live Source Code Background - Use the Github API to pull in the actual source code of a project and use it as a background.
<div>
<h1>Makefolio</h1>
<p>Dispassionate extraterrestrial observer gathered by gravity bits of moving fluff gathered by gravity. Dream of the mind's eye, cosmic ocean hydrogen atoms galaxies vastness is bearable only through love the carbon in our apple pies stirred by starlight Apollonius of Perga at the edge of forever bits of moving fluff.</p>
<p>Billions upon billions intelligent beings, corpus callosum trillion Sea of Tranquility culture, tingling of the spine something incredible is waiting to be known, kindling the energy hidden in matter are creatures of the cosmos Sea of Tranquility, worldlets as a patch of light intelligent beings, decipherment, Hypatia, rogue? Hearts of the stars, of brilliant syntheses birth circumnavigated. The ash of stellar alchemy!</p>
<p>Billions upon billions? Venture! Dispassionate extraterrestrial observer culture! Dispassionate extraterrestrial observer kindling the energy hidden in matter hundreds of thousands venture, Vangelis shores of the cosmic ocean sta
@paultreny
paultreny / index.html
Created April 10, 2013 20:38
A CodePen by Paul Reny. RESIST - (forked from GLITCH)
<body>
<div id="wrapper">
<canvas id="stage"></canvas>
</div>
<script src="dat.gui.min.js"></script>
<script src="resist.js"></script>
</body>
@paultreny
paultreny / index.haml
Created April 10, 2013 23:24
A CodePen by Paul Reny. Simple Audio Visualisation - A basic example of using the Web Audio API AudioContext with an AnalyserNode and frequency-domain analysis (FFT) to create a simple music visualiser.
#container
#warning1.message
%h1
This experiment requires the
%a{ href:'https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html', target:'_blank' } Web Audio API
%h2
Please try in one of
@paultreny
paultreny / index.html
Created April 17, 2013 17:47
A CodePen by Paul Reny. Doing without jQuery - Based on http://evanhahn.com/doing-without-jquery/.
<article>
<h1>JavaScript equivalent to jQuery basics</h1>
<p>... because loading 92Ko of jQuery to use less than 2% of it kind of sucks. Mostly inspired by <a href="http://evanhahn.com/doing-without-jquery/">Doing without jQuery</a> and <a href="http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/">From jQuery to JavaScript: A Reference</a>.</p>
<section>
<h2>Selectors</h2>
<h3>$() <span>(IE9+)</span></h3>
<pre class="language-javascript"><code>var $ = function(el) {
return document.querySelectorAll(el);
};</code></pre>
@paultreny
paultreny / index.html
Created April 23, 2013 13:03
A CodePen by Paul Reny. Double Line Subtitles
<article>
<h1>Main Title</h1>
<p class="subtitle fancy"><span>A fancy subtitle</span></p>
<div class="copy">
<p>Bacon ipsum dolor sit amet pancetta meatloaf eiusmod laborum commodo officia ex exercitation bacon. Sunt magna duis ex prosciutto nostrud. Tri-tip ball tip sausage spare ribs sirloin sunt officia anim magna eiusmod turducken sint velit meatball ham hock. Exercitation culpa pork chop rump, short loin meatball ut aute tenderloin.</p>
<p>Cillum pariatur ground round filet mignon capicola ad ham id doner sirloin beef ribs qui mollit pork chop. Laboris bacon officia tenderloin tempor, tongue excepteur tail occaecat meatloaf consectetur ham hock consequat ut. Frankfurter jerky enim irure salami aliqua. In pork loin meatball, ut ad in nisi turkey turducken mollit.</p>
<p>Filet mignon capicola aute short loin pork belly qui ball tip spare ribs do short ribs sint. Commodo dolore rump nostrud ball tip. Veniam in hamburger tail, sunt culpa beef ribs ham hock irure. Ut bresaola flank consect
#!/usr/bin/ruby
# encoding: utf-8
#
# Retrieve an iOS app icon at the highest available resolution
# All arguments are combined to create an iTunes search
# The icon for the first result, if found, is written to a filename based on search terms
#
# example:
# $ itunesicon super monsters ate my condo
/* PTR Dab */
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
<?php
/**
* SplClassLoader implementation that implements the technical interoperability
* standards for PHP 5.3 namespaces and class names.
*
* http://groups.google.com/group/php-standards/web/final-proposal
*
* // Example which loads classes for the Doctrine Common package in the
* // Doctrine\Common namespace.