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 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 |
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 |
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 |
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'), |
View Jekyll Dev Mode
jekyll serve --watch --limit_posts 1 --future true |
View remove_merged.txt
git branch | xargs git branch -d |
NewerOlder