Skip to content

Instantly share code, notes, and snippets.

View kunukn's full-sized avatar

Kunuk Nykjær kunukn

13 followers · 0 following
View GitHub Profile
@kunukn
kunukn / responsifyer.js
Last active August 29, 2015 14:11
/*
Author: Kunuk Nykjaer
version 0.13
About: prototype util to make a webpage responsive
Usage: copy and run this code in a browser console
and see the result by changing the width size of the browser
Optionally edit the config data at the bottom of this script
@kunukn
kunukn / attachCssFileToWebpageDynamically.js
Last active August 29, 2015 14:11
!function() {
// attach a css file to a webpage dynamically
var cssUrl = '//rawgit.com/kunukn/misc/master/src/temp/styles/whiteOnBlack.css'
var styleElement = document.createElement('link');
styleElement.rel = 'stylesheet';
styleElement.type = 'text/css';
styleElement.href = cssUrl;
document.getElementsByTagName('head')[0].appendChild(styleElement);
}();
@kunukn
kunukn / jQueryAttach.js
Created January 3, 2015 21:54
(function(d){
if (typeof jQuery === 'undefined') {
var script = d.createElement('script');
script.src = '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
d.getElementsByTagName('head')[0].appendChild(script);
}
})(document)
@kunukn
kunukn / attachScriptFileToWebpageDynamically.js
Created January 3, 2015 22:24
(function(d){
var script = d.createElement('script');
script.src = '//rawgithub.com/kunukn/misc/master/src/temp/script/whiteOnBlack.js';
d.getElementsByTagName('head')[0].appendChild(script);
})(document)
@kunukn
kunukn / handlebars-helloworld.html
Last active October 16, 2018 08:24
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Handlebars Helloworld</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<!-- handlebars from CDN -->
<script
@kunukn
kunukn / google-news-responsive.html
Last active August 29, 2015 14:13
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Google News</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel="stylesheet" type="text/css" href="google-news-responsive.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js'>
@kunukn
kunukn / google-news-responsive.css
Last active April 7, 2021 03:00
/* Responsive design, smallest device first */
#rendered .title::after {
content: ' - Phone';
}
@media (min-width: 480px) {
#rendered .title::after {
content: ' - Phone large';
}
#rendered {
@kunukn
kunukn / google-news-responsive.js
Last active August 29, 2015 14:13
!function(d, $) {
var stub = {
entries: [{
title: 'title 1',
link: 'link 1',
author: 'author 1',
publishedDate: 'publishedDate 1',
categories: ['category 11', 'category 12']
}, {
title: 'title 2',
@kunukn
kunukn / google-news-responsive-json.js
Last active August 29, 2015 14:13
var feed = {
entries: [
{
title: 'title 1',
link: 'link 1',
author: 'author 1',
publishedDate: 'publishedDate 1',
categories: ['category 11', 'category 12']
},
{
@kunukn
kunukn / simpleTween.js
Created January 10, 2018 09:10
(() => {
const rAF = window.requestAnimationFrame
? window.requestAnimationFrame.bind(window)
: callback => window.setTimeout(callback, 16);
const getNow = () => new Date().getTime();
const tween = ({ duration = 1000 } = {}) => {
const start = ({ update, complete } = {}) => {
const play = () => {
if (duration <= 0) return;