Skip to content

Instantly share code, notes, and snippets.

View rickdaalhuizen90's full-sized avatar

Rick Daalhuizen rickdaalhuizen90

  • Belgium
  • 04:12 (UTC -12:00)
View GitHub Profile

Full-screen video background

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

A Pen by Rick Daalhuizen on CodePen.

License.

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.

@rickdaalhuizen90
rickdaalhuizen90 / app.js
Created October 16, 2016 21:27
Handling Multiple Requests in Node.js
/**
* 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);
@rickdaalhuizen90
rickdaalhuizen90 / leapyear_one.php
Last active July 23, 2018 19:04
Check for leap years between 2 dates.
<?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>";
@rickdaalhuizen90
rickdaalhuizen90 / .htaccess
Last active January 15, 2017 16:11
Redirect all request to public
# Allows ModRewrite to work
Options FollowSymLinks
# Turn on rewrite engine
RewriteEngine On
RewriteBase /your-sitename/
# Only allow access to index.php and a directory
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
@rickdaalhuizen90
rickdaalhuizen90 / constructor.js
Last active October 26, 2017 06:31
JavaScript object creation patterns tutorial - factory , constructor pattern, prototype pattern
// Constructor
var person = function(name, age, country)
{
this.name = name;
this.age = age;
this.country = country;
this.printPerson = function()
{
console.log(this.name + ", " + this.age + ", " + this.country);
@rickdaalhuizen90
rickdaalhuizen90 / .bashrc
Created February 12, 2017 17:20
Parrot Os bash theme for ubuntu
# ~/.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
@rickdaalhuizen90
rickdaalhuizen90 / error.vbs
Created March 2, 2017 10:50
Coolest Notepad Tricks and Hacks for Your PC
' Fake Windows Error Message
X=Msgbox(“Press OK and Windows will restart now.”,0+16,“There is a serious problem in your system”)
@rickdaalhuizen90
rickdaalhuizen90 / index.html
Created April 1, 2017 19:40
Render html page with node.js
<h1>Hello world!</h1>