Rick Daalhuizen rickdaalhuizen90

Full-screen video background

This technique based on Fullscreen Video Background which modify to make it possible for Video Parallax Background.

Slide in

The @keyframes rule specifies the animation code.

The animation is created by gradually changing from one set of CSS styles to another.

During the animation, you can change the set of CSS styles many times.

Specify when the style change will happen in percent, or with the keywords "from" and "to", which is the same as 0% and 100%. 0% is the beginning of the animation, 100% is when the animation is complete.

Flip Transition

A Pen by Rick Daalhuizen on CodePen.

License.

	/**
	* Node.js Tutorial for Beginners: Handling Multiple Requests
	* See: https://www.youtube.com/watch?v=KsjrN-T3ZCs&index=4&list=PL6gx4Cwl9DGBMdkKFn3HasZnnAqVjzHn_
	* Credits to: https://github.com/buckyroberts
	*/

	function placeAnOrder(orderNumber){

	console.log("Customer order:", orderNumber);

	<?php

	$startYear = 1990;
	$endYear = 2017;

	$yearsToCheck = range($startYear, $endYear);

	foreach ($yearsToCheck as $year) {
	$isLeapYear = (bool) date('L', strtotime("$year-01-01"));
	if($isLeapYear === true) echo $year . " is a leap year <br>";

	# ~/.bashrc: executed by bash(1) for non-login shells.
	# see /usr/share/doc/bash/examples/startup-files (in the package bash-doc)
	# for examples

	# If not running interactively, don't do anything
	[ -z "$PS1" ] && return

	# don't put duplicate lines in the history. See bash(1) for more options
	# ... or force ignoredups and ignorespace
	HISTCONTROL=ignoredups:ignorespace

	# https://stackoverflow.com/questions/25224321/find-all-the-possible-permutations-using-ruby-and-recursion

	$letters = "prtsone"

	# Make permutations from letters
	def permutation(string)
	return [string] if string.size < 2
	ch = string[0]
	permutation(string[1..-1]).each_with_object([]) do \|perm, result\|
	(0..perm.size).each { \|i\| result << perm.dup.insert(i,ch) }

	<?php

	class Hash
	{

	protected $string;
	protected $hash;

	/**
	* Init arguments

	#!/bin/sh

	echo "Deleting old publication"
	rm -rf public
	mkdir public
	git worktree prune
	rm -rf .git/worktrees/public/

	echo "Checking out gh-pages branch into public"
	git worktree add -B gh-pages public origin/gh-pages

	<!DOCTYPE html>
	<html>
	<head>
	<title>Welcome to Vue</title>
	<script src="https://unpkg.com/vue"></script>
	<style id="jsbin-css">
	.dashboard {
	display: flex;
	flex-direction: row;
	width: 100%;