Skip to content

Instantly share code, notes, and snippets.

View webdesignberlin's full-sized avatar
:octocat:
...

Michael Raguse webdesignberlin

:octocat:
...
55 followers · 157 following
View GitHub Profile
@webdesignberlin
webdesignberlin / ARIA-tabs.js
Last active August 29, 2015 14:16 — forked from simevidas/ARIA-tabs.js
var $ = jQuery;
// Config = selectors for UL (tabs) and SECTION (panel) elements + which tab should be selected on init
var $list = $('.topbar__tabs');
var $sections = $('.tabbed-section');
var selected_index = 1;
// Caching the LI and A elements since they’ll be heavily used in the code
@webdesignberlin
webdesignberlin / gist:178b5e32a8a681588961
Last active August 29, 2015 14:16 — forked from simevidas/gist:70caf9e7196dbb6f07c2
// Old API
screen.orientation
.lockOrientation( orientations )
.unlockOrientation()
screen.addEventListener('orientationchange', handler)
// New API
@webdesignberlin
webdesignberlin / sm-annotated.html
Last active August 29, 2015 14:16 — forked from hdragomir/sm-annotated.html
<script type="text/javascript">
(function () {
"use strict";
// once cached, the css file is stored on the client forever unless
// the URL below is changed. Any change will invalidate the cache
var css_href = './index_files/web-fonts.css';
// a simple event handler wrapper
function on(el, ev, callback) {
if (el.addEventListener) {
el.addEventListener(ev, callback, false);
@webdesignberlin
webdesignberlin / SassMeister-input.scss
Last active August 29, 2015 14:17
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
/*! ========================================================================
QUANTITY QUERIES FOR SASS
-------------------------
Author: Indrek Paas <@indrekpaas>
@webdesignberlin
webdesignberlin / ios-8-web-app.html
Last active August 29, 2015 14:18 — forked from tfausak/ios-8-web-app.html
<!doctype html>
<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->
<html>
<head>
<title>iOS 8 web app</title>
<!-- CONFIGURATION -->
@webdesignberlin
webdesignberlin / topkeywords.js
Last active August 29, 2015 14:18 — forked from elliotbonneville/topkeywords.js
var request = require("request"),
cheerio = require("cheerio"),
url = "https://www.google.com/search?q=data+mining",
corpus = {},
totalResults = 0,
resultsDownloaded = 0;
function callback () {
resultsDownloaded++;
@webdesignberlin
webdesignberlin / criticalcss-bookmarklet-devtool-snippet.js
Last active August 29, 2015 14:20 — forked from PaulKinlan/criticalcss-bookmarklet-devtool-snippet.js
(function() {
var CSSCriticalPath = function(w, d, opts) {
var opt = opts || {};
var css = {};
var pushCSS = function(r) {
if(!!css[r.selectorText] === false) css[r.selectorText] = {};
var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
for(var i = 0; i < styles.length; i++) {
if(!!styles[i] === false) continue;
var pair = styles[i].split(": ");
@webdesignberlin
webdesignberlin / criticalcss.html
Last active August 29, 2015 14:20 — forked from PaulKinlan/criticalcss.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<h2>Original CSS</h2>
<style style="display: block; white-space: pre; font-family: monospace">
h2 { margin:0; }
@webdesignberlin
webdesignberlin / gulpfile.js
Last active August 29, 2015 14:22 — forked from mlouro/gulpfile.js
'use strict';
var gulp = require('gulp');
var gutil = require('gulp-util');
var del = require('del');
var uglify = require('gulp-uglify');
var gulpif = require('gulp-if');
var exec = require('child_process').exec;
var notify = require('gulp-notify');
@webdesignberlin
webdesignberlin / gist:ec4c4234718ba9d986f0
Last active August 29, 2015 14:23 — forked from zachleat/gist:0f9d4139f5650335f2f1
# Bash script to convert a GIF to a video
# Only works with const framerate gifs
# Requires ffmpeg and imagemagick
# Modified from https://www.npmjs.com/package/videofy
function gif2video() {
fps="$(identify -format '%T\n' $@ | tail -1 | awk '{ print 100/$1 }')"
echo "GIF FPS: $fps"
convert "$@" gif2video_tmp_%05d.jpg
ffmpeg -f image2 -r $fps -i gif2video_tmp_%05d.jpg -c:v libx264 "$@.mp4"