Skip to content

Instantly share code, notes, and snippets.

View theWhiteFox's full-sized avatar
👑
Crafting Web Apps - Continuous Learning

Stephen ♔ Ó Conchubhair theWhiteFox

👑
Crafting Web Apps - Continuous Learning
231 followers · 284 following
View GitHub Profile
@theWhiteFox
theWhiteFox / css3-text-shadow-effects.markdown
Created July 24, 2017 10:04
CSS3 text-shadow effects
@theWhiteFox
theWhiteFox / index.pug
Created July 24, 2017 10:04
Slashed CSS Effect
.slashed
.top(title='Slashed')
.bot(title='Slashed')
@theWhiteFox
theWhiteFox / index.html
Created July 24, 2017 10:04
SVG Glitch
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="600px" height="100px" viewBox="0 0 600 100">
<style type="text/css">
<![CDATA[
text {
filter: url(#filter);
fill: white;
font-family: 'Share Tech Mono', sans-serif;
@theWhiteFox
theWhiteFox / fibonacci.js
Created July 2, 2017 17:29
// enter a number
function fibonacci(num) {
var a = 1, b = 0, temp2;
while(num > 0) {
temp2 = a;
a = a + b;
b = temp2;
num--;
console.log(temp2);
@theWhiteFox
theWhiteFox / basicFib.js
Last active July 2, 2017 17:28
"use strict";
// below functions can be accessed from the console
// very basic fibonacci
function basicFib() {
var first = 1,
second = 0,
answer = first + second;
while(answer < 100) {
@theWhiteFox
theWhiteFox / fibonacciForConsole.js
Created July 2, 2017 15:52
// for loop
function fibFor() {
var a = 0, b = 1, i = 1, result;
result = b;
console.log(a + '\n' + result + '\n');
for(i; i < 10; i++) {
console.log(result + '\n');
result = a + b;
a = b;
b = result;
@theWhiteFox
theWhiteFox / fullscreen-youtube-video-background-in-pure-css.markdown
Created June 30, 2017 12:50
FullScreen YouTube Video Background In Pure CSS
@theWhiteFox
theWhiteFox / index.html
Created June 22, 2017 11:03
SUPER SIMPLE FULL PAGE PRELOADER
<div class="js"><!--this is supposed to be on the HTML element but codepen won't let me do it-->
<body>
<div id="preloader"></div>
<h1>SUPER SIMPLE FULL PAGE PRELOADER</h1>
<p>Works with modernizr, or you could just add your own js class to the html element using javascript</p>
<p>You can make it fit your site better by generating your own image here: http://ajaxload.info/ then change the background color in the css</p>
@theWhiteFox
theWhiteFox / Git Commands
Last active May 12, 2017 14:57
Git commands
git init // Initialize
git add . // add all
git rm --cached name_of_file // gitignore file
git reset // unadds all files
git reset HEAD~1 // uncommit
git commit -m 'First commit'
git remote add origin "remote repository URL"
git remote -v // check remote
git pull origin master
git push origin master
@theWhiteFox
theWhiteFox / upgradeNodeWindows
Last active May 10, 2017 14:15
Upgrade Node and NPM on Windows
Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force
npm install -g npm-windows-upgrade
npm-windows-upgrade