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 database.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'use strict'; | |
const actors = { | |
a01: { | |
id: 'a01', | |
name: 'Harvey Keitel' | |
}, | |
a02: { | |
id: 'a02', | |
name: 'Tim Roth' |
View list-items.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
console.warn('Sending an error to browser') | |
BOOM |
View app.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
alias hometime = git checkout -b hometime && git push origin hometime && git add --all & git commit --all -m "hometime push" |
View bio and details
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
jekyll serve --watch --limit_posts 1 --future true |
NewerOlder