Skip to content

Instantly share code, notes, and snippets.

View donovanh's full-sized avatar

Donovan Hutchinson donovanh

View GitHub Profile
@donovanh
donovanh / remove_merged.txt
Created July 2, 2014 10:52
Remove all merged branches
git branch | xargs git branch -d
@donovanh
donovanh / Jekyll Dev Mode
Created July 28, 2014 20:56
A handy way to start Jekyll so that it's quick and shows future posts
jekyll serve --watch --limit_posts 1 --future true
@donovanh
donovanh / bio and details
Created December 15, 2014 21:15
About Donovan
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
alias hometime = git checkout -b hometime && git push origin hometime && git add --all & git commit --all -m "hometime push"
@donovanh
donovanh / index.md
Created April 1, 2015 20:08
Polish version of Principles article

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

---
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 / css_backgrounds.css
Created March 23, 2012 15:17
Retina Article: Image tag reference
.logo {
background:url('/your_logo.png');
height:50px;
width:150px;
}
@media only all and (-webkit-min-device-pixel-ratio: 2) {
/* Media query for double density devices */
.logo {
@donovanh
donovanh / pageone.txt
Created April 4, 2012 15:58
Test Content
It's just mind-blowingly awesome. I apologize, and I wish I was more articulate, but it's hard to be articulate when your mind's blown—but in a very good way.
The Earth is the only world known so far to harbor life. There is nowhere else, at least in the near future, to which our species could migrate. Visit, yes. Settle, not yet. Like it or not, for the moment the Earth is where we make our stand.
I am a stranger. I come in peace. Take me to your leader and there will be a massive reward for you in eternity.
@donovanh
donovanh / vacuumtrace.txt
Created April 28, 2012 22:48
Full trace - Vacuum setup issue
vacuum (0.2.2) lib/vacuum/endpoint/base.rb:17:in `key'
app/controllers/home_controller.rb:7:in `block in index'
vacuum (0.2.2) lib/vacuum/request/base.rb:46:in `configure'
app/controllers/home_controller.rb:6:in `index'
actionpack (3.2.2) lib/action_controller/metal/implicit_render.rb:4:in `send_action'
actionpack (3.2.2) lib/abstract_controller/base.rb:167:in `process_action'
actionpack (3.2.2) lib/action_controller/metal/rendering.rb:10:in `process_action'
actionpack (3.2.2) lib/abstract_controller/callbacks.rb:18:in `block in process_action'
activesupport (3.2.2) lib/active_support/callbacks.rb:414:in `_run__848510956938163028__process_action__2492995424481165270__callbacks'
activesupport (3.2.2) lib/active_support/callbacks.rb:405:in `__run_callback'
@donovanh
donovanh / Animation & text mixins
Created April 20, 2013 16:56
Mixins for SASS including: - Animation - Keyframes - Text fill/stroke
/* Mixins to extend what Compass provides */
=animation($values...)
-webkit-animation: $values
-moz-animation: $values
-o-animation: $values
-ms-animation: $values
animation: $values
=keyframes($name)