Skip to content

Instantly share code, notes, and snippets.

View ryandejaegher's full-sized avatar

Ryan Dejaegher ryandejaegher

3 followers · 12 following
View GitHub Profile
@ryandejaegher
ryandejaegher / CSS.css
Last active June 25, 2020 18:36
.fadeIn {
animation: unset !important;
}
.forward {
animation: forward 0.3s 1;
}
.backward {
animation: backward 0.3s 1;
@ryandejaegher
ryandejaegher / index.html
Last active September 3, 2020 13:53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Yo</h1>
</body>
@ryandejaegher
ryandejaegher / index.html
Last active September 7, 2020 00:39
collapsible
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="flex-column">
<button type="button" class="collapsible">How to Hide Header Squarespace 7.1</button>
@ryandejaegher
ryandejaegher / index.html
Last active May 19, 2021 18:53
Stagger #web-component #squarespace
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
@ryandejaegher
ryandejaegher / index.html
Last active September 12, 2020 16:17
Easy Anchors
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Hello World</h2>
<h4>1. I'm an tight header</h4>
@ryandejaegher
ryandejaegher / index.html
Last active May 19, 2021 18:31
3D Buttons (Inspired by Recess) #web-component #squarespace
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="row">
<shadow-button href="#" target=blank_ buttonColor="#C9A5F3" shadowColor="black" top-left>Hello There!</shadow-button>
@ryandejaegher
ryandejaegher / index.html
Last active May 19, 2021 18:47
Image Follow Mouse #web-component #needs-work
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="h-full"></div>
<div class="row">
@ryandejaegher
ryandejaegher / index.html
Last active September 14, 2020 15:05
Snapper
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<snap-wrapper>
<hero-slide>
@ryandejaegher
ryandejaegher / index.html
Last active September 22, 2020 16:33
Better Burger
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
@ryandejaegher
ryandejaegher / index.html
Last active September 15, 2020 11:45
Web Component Boiler
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<my-element thang="cool"></my-element>
</body>