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
View GitHub Profile
@theWhiteFox
theWhiteFox / index.pug
Last active March 21, 2022 09:09
Pure CSS loaders
doctype html
html
head
meta(charset="utf-8")
body
.wrapper
header.main-header
h1.page-title Single Element CSS Loaders
main.main-content
section.loader-section
npm audit
Find dependency deep in the subtrees
npm ls hoek
https://stackoverflow.com/a/50770060/5619088
npm i hoek
@theWhiteFox
theWhiteFox / animated-signing-of-signature
Last active March 20, 2022 11:40
Animated signature
Animated signing of signature (SVG paths)
-----------------------------------------
animate writing a signature with SVG stroke-dashoffset/stroke-dasharray and CSS transitions
A [Pen](https://codepen.io/ghepting/pen/xnezB) by [Gary Hepting](http://codepen.io/ghepting) on [CodePen](http://codepen.io/).
[License](https://codepen.io/ghepting/pen/xnezB/license).
@theWhiteFox
theWhiteFox / bootstrap tab
Last active March 20, 2022 11:30
Bootstrap tab panel
Bootstrap tab panel example
---------------------------
This works on html 5 supported browsers.
A [Pen](https://codepen.io/wizly/pen/BlKxo) by [weiss](https://codepen.io/wizly) on [CodePen](https://codepen.io).
[License](https://codepen.io/wizly/pen/BlKxo/license).
@theWhiteFox
theWhiteFox / elastic stroke
Last active March 20, 2022 11:28
Elastic stroke CSS + SVG
Elastic stroke CSS + SVG
------------------------
A [Pen](https://codepen.io/yoksel/pen/XJbzrO) by [yoksel](http://codepen.io/yoksel) on [CodePen](http://codepen.io/).
[License](https://codepen.io/yoksel/pen/XJbzrO/license).
let testgist = 0
@theWhiteFox
theWhiteFox / PowerShell
Last active August 8, 2018 08:50
PowerShell Commands
dir = list items in folder
dir -r = List Files in Folders and Subfolders
Tab key = tab completion of word /directory /file
Aliases
ii . = Invoke-Item - open this directory
cls = Clear
ni = New-Item c:\scripts\Windows PowerShell -type directory
ni = New-Item c:\scripts\new_file.txt -type file
saps chrome google.com = Start-Process "chrome.exe" "www.google.com"
touch = new file
function reverse(string) {
return string.split('').reverse().join();
}
reverse('testing');
@theWhiteFox
theWhiteFox / Linux Ubuntu Commands
Last active January 21, 2018 11:54
Linux Ubuntu Commands
sudo rm -r /opt/LightTable /usr/bin/lighttable #remove a program lighttable
sudo apt-get upgrade
whereis <command> - This will give you the directory of the command
ssh-add -l - Check what keys you have
pwd - Shows you what directory you’re in
/usr/local/google/home/keeganb
rm <filename> - delete a file
Rmdir <directory> to remove folder
Mv - Move?
Copying
@theWhiteFox
theWhiteFox / fibonacciHTML.js
Last active January 17, 2018 09:41
fibonacciWhile
// 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89
// 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89
// Fn = Fn-1 + Fn-2
// F0 = 0, F1 = 1
"use strict";
// fibonacci html output
function fibonacciHTML() {
var result = 0, term1 = 0, term2 = 1, i = 1;