Skip to content

Instantly share code, notes, and snippets.

Donovan Hutchinson donovanh

Block or report user

Report or block donovanh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View list-items.js
var randomColours = ['3c6dd1', 'd13c9e', '3cd19e'];
var currentColour = 0;
var currentDemoColour = 0;
$(function() {
$('.add-to-list button').click(function(e) {
addLI($(e.target).parent(), false);
});
$('.add-to-list li').each(function(index, item) {
bindNewLI($(item));
});
View test.js
console.warn('Sending an error to browser')
BOOM
@donovanh
donovanh / app.js
Last active Jan 18, 2016
Cat -> Dog (Node.js)
View app.js
/*
This is a Node application that generates paths between two words. Spec:
Write some code that will, given a word, e.g. dog, and another word, e.g. cat, will output a sequence of valid words (in a dictionary), where each pair of adjacent words are only different by 1 character. e.g. dog -> dot -> cot -> cat. If you can, also output the entire list of all such paths between two words.
Usage:
* Install Node
* Place "app.js" and "dictionary.js" files in a directory
* In terminal, navigate to the directory and run "node app"
The method (cat2DogAllPaths) accepts 3 arguments:
View Pseudo elements - turkish translation
---
layout: post
bodyClass: shorter
title: Animating pseudo-elements
description: Pseudo-elements give you two extra HTML elements for free! Here's how to animate them on hover. Use them wisely.
categories: [animation, tips, animations, pseudo-elements]
customCSS: shiny_button.css
imageURL: /assets/images/posts/sheen/sheen.gif
home_image: /assets/images/posts/sheen/home.png
tweet_text: Shiny buttons with CSS
@donovanh
donovanh / index.md
Created Apr 1, 2015
Polish version of Principles article
View index.md

layout: post title: Reguły animacji w sieci description: How Disney's 12 Principles of Animation can be applied to web designs categories: [animation, tips, animations, transitions, apple watch] customCSS: principles.css imageURL: /assets/images/posts/principles/principles.png home_image: /assets/images/posts/principles/principles.png tweet_text: Zastosowanie 12 Reguł Animacji Disney'a w animacji stron internetowych custom_header: posts/principles.html

View gist:ac2c69d14ea3ee1230e4
alias hometime = git checkout -b hometime && git push origin hometime && git add --all & git commit --all -m "hometime push"
View bio and details
Donovan Hutchinson
@donovanh
Photo: http://i.imgur.com/tE22JCG.jpg
Bio: Donovan is a Dublin-based front-end developer with a passion for CSS, animation and making the web fun. He writes tutorials at Learnsome.co and blogs on other web topics at Hop.ie.
Websites: hop.ie / learnsome.co
@donovanh
donovanh / gulpfile.js
Created Jul 28, 2014
Gulp file for Jekyll, with Sass, Autoprefixer, and browsersync
View gulpfile.js
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
minifycss = require('gulp-minify-css'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
clean = require('gulp-clean'),
concat = require('gulp-concat'),
notify = require('gulp-notify'),
@donovanh
donovanh / Jekyll Dev Mode
Created Jul 28, 2014
A handy way to start Jekyll so that it's quick and shows future posts
View Jekyll Dev Mode
jekyll serve --watch --limit_posts 1 --future true
@donovanh
donovanh / remove_merged.txt
Created Jul 2, 2014
Remove all merged branches
View remove_merged.txt
git branch | xargs git branch -d
You can’t perform that action at this time.