Skip to content

Instantly share code, notes, and snippets.

View DannyJoris's full-sized avatar

Danny Joris DannyJoris

10 followers · 3 following
View GitHub Profile
@DannyJoris
DannyJoris / Gruntfile.js
Last active August 29, 2015 14:09 — forked from mherchel/Gruntfile.js
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
watch: {
sass: {
files: ['sass/**/*.{scss,sass}','sass/_partials/**/*.{scss,sass}'],
tasks: ['sass:dist']
},
livereload: {
files: ['*.html', '*.php', 'js/**/*.{js,json}', 'css/*.css','img/**/*.{png,jpg,jpeg,gif,webp,svg}'],
@DannyJoris
DannyJoris / gfybookmarklet
Created September 17, 2014 15:37
Bookmarklet to convert a gif URL or the first gif image in a DOM to gfy: http://hastebin.com/raw/quzumamebe / compressed with: http://jscompress.com/
javascript:(function(){
// if URL is gif
if (checkGifURL(document.URL)) {
window.location.replace("http://gfycat.com/fetch/" + document.URL);
}
// first gif in DOM
else {
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) {
if (checkGifURL(imgs[i].src)) {
@DannyJoris
DannyJoris / index.html
Created August 18, 2014 02:57
// source http://jsbin.com/yepude/1
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.box {
display: none;
width: 100px;
@DannyJoris
DannyJoris / index.html
Created August 16, 2014 21:21
// source http://jsbin.com/yepude/1
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.box {
display: none;
width: 100px;
@DannyJoris
DannyJoris / index.html
Created August 11, 2014 23:46
// source http://jsbin.com/worigapa/1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
<style id="jsbin-css">
.container {
}
@DannyJoris
DannyJoris / SassMeister-input-HTML.html
Created June 16, 2014 17:52
Generated by SassMeister.com.
<div class="parent">
<div class="children child1">
I'm vertically centered!
<br>- Fixed height in pixels (100px)
</div>
</div>
<div class="parent">
<div class="children child2">
I'm vertically centered!
@DannyJoris
DannyJoris / SassMeister-input-HTML.html
Created June 14, 2014 06:11
Generated by SassMeister.com.
<article class="content">
<h1>Vertical rythm</h1>
<aside class="sidebar">
<div class="block">
<p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents.</p>
</div>
</aside>
<p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or tee
@DannyJoris
DannyJoris / SassMeister-input-HTML.html
Created June 14, 2014 05:09
Generated by SassMeister.com.
<article class="content">
<h1>Vertical rythm</h1>
<aside class="sidebar">
<div class="block">
<p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents. How then? The baleen, hump, back-fin, and teeth; these are things whose peculiarities are indiscriminately dispersed among all sorts of whales, without any regard to what may be the nature of their structure in other and more essential particulars. Thus, the sperm whale and the humpbacked whale, each has a hump; but there the similitude ceases. Then, this sa
@DannyJoris
DannyJoris / SassMeister-input-HTML.html
Created June 14, 2014 04:19
Generated by SassMeister.com.
<div class="container">
<div class="box"></div>
Vertical rythm - In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents. How then? The baleen, hump, back-fin, and teeth; these are things whose peculiarities are indiscriminately dispersed among all sorts of whales, without any regard to what may be the nature of their structure in other and more essential particulars. Thus, the sperm whale and the humpbacked whale, each has a hump; but there the similitude ceases. Then, this same humpbacked whale and the Greenland whal
@DannyJoris
DannyJoris / SassMeister-input-HTML.html
Created June 13, 2014 19:06
Generated by SassMeister.com.
<div class="container">
<ul class="justified-list">
<li>Apples</li>
<li>Oranges</li>
<li>Pears</li>
<li>Bananas</li>
</ul>
<ul>
<li>Apples</li>
<li>Oranges</li>