Skip to content

Instantly share code, notes, and snippets.

@caraya
caraya / dns-prefetch.php
Created July 21, 2016 03:45 — forked from leogopal/dns-prefetch.php
DNS Prefetching in WordPress
<?php
// Prefetch For Speed Up
function dns_prefetch() {
$prefetch = 'on';
echo "\n <!-- DNS Prefetching Start --> \n";
echo '<meta http-equiv="x-dns-prefetch-control" content="'.$prefetch.'">'."\n";
if ($prefetch != 'on') {
@caraya
caraya / example.json
Created May 25, 2016 19:56
demo of json to feed into Polymer
[ {
"description" : "Based on [Explorable Explanations](http://worrydream.com/ExplorableExplanations/) and [Parable of the Polygons](http://ncase.me/polygons/) research",
"name" : "Engaged Readers",
"notes" : "",
"stage" : "Concept",
"type" : "Code",
"url" : {
"code" : "",
"other" : "",
"writeup" : ""
global => {
'use strict';
// Load the sw-toolbox library.
importScripts('bower_components/sw-toolbox/sw-toolbox.js');
// Turn on debug logging, visible in the Developer Tools' console.
global.toolbox.options.debug = true;
// By default, all requests will use the toolbox.networkFirst cache
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>EQCSS Demo</title>
<style type="text/eqcss">
/* type="text/eqcss tells the script to parse the styles*/
@element ".minwidthpixels" and (min-width: 500px) {
.minwidthpixels {
<!doctype html>
<html>
<head>
<title>Hitch Demo</title>
<meta charset="utf-8">
<script src="hitch-0.6.3.min.js"></script>
<style data-hitch-interpret>
@-hitch-requires http://www.hitchjs.com/bkardell.math/1;
.car:-math-lessthan(data-price, 200000){
gulp.task('images', function () {
return gulp.src('[app/images/**/*.{jpg,png}]')
.pipe($.responsive({
// Resize all JPG images to three different sizes: 200, 500, and 630 pixels
'*.jpg': [{
width: 200,
rename: { suffix: '-200px' }
}, {
width: 500,
rename: { suffix: '-500px' }
<video
id="myvideo"
controls="controls"
class="playr_video"
width="640" height="480"
poster="http://media.w3.org/2010/05/sintel/poster.png">
<!--
These are the three sources. This should cover most of
our deployed player base.
-->
<video
id="myvideo"
controls="controls"
class="playr_video"
width="640" height="480"
poster="http://media.w3.org/2010/05/sintel/poster.png">
<!--
These are the three sources. This should cover most of ourr deployed player base
-->
<source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4" />
<athena-video height='320' width='480' controls poster='images/poster.png'>
<video-source formats='mp4 webm'></video-source>
<video-subtitle languages='en es fr de' type='subtitle'></video-subtitle>
<video-track language='en es' type='caption'></video-subtitle>
<video-track language='en' type='chapter'></video-track>
<video-track language='es' type='description'></video-track>
</athena-video>
/**
* Include this file early in your Sass project to
* get access to Solarized colors and functions.
*
* Adapted from the outstanding work by Ethan Schoonover:
* http://ethanschoonover.com/solarized
*/
$base03: rgb(0, 43, 54);
$base02: rgb(7, 54, 66);