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 / README.md
Last active September 17, 2021 12:11
DuoTone Image #web-component #squarespace

‎‎​

@ryandejaegher
ryandejaegher / index.html
Last active May 19, 2021 19:00
Vertical Nav #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>
<vertical-nav side=left>
<a href="">Link 1</a>
@ryandejaegher
ryandejaegher / index.html
Last active October 19, 2020 21:19
SCSS Demo
<!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 class="text-primary">Yo</h1>
</body>
@ryandejaegher
ryandejaegher / index.html
Last active October 30, 2020 05:19
Tabs
<!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>Hello World</h1>
@ryandejaegher
ryandejaegher / index.html
Last active October 30, 2020 19:45
Shopify hero
<!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 / gsap-demo.markdown
Last active September 21, 2021 14:48
GSAP Demo #gsap
@ryandejaegher
ryandejaegher / gsap-pin-demo.markdown
Last active September 21, 2021 14:48
GSAP Pin Demo #gsap
@ryandejaegher
ryandejaegher / codeswing.json
Last active February 5, 2021 14:38
GSAP + Tailwind + Alpine
{
"scripts": [
"https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.8.0/alpine.js",
"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js",
"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js",
"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/TextPlugin.min.js"
],
"styles": [
"https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css"
],
@ryandejaegher
ryandejaegher / App.js
Last active December 31, 2020 18:30
React Template
import react from "https://cdn.skypack.dev/react";
export default function App() {
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
</div>
);
@ryandejaegher
ryandejaegher / codeswing.json
Last active January 3, 2021 17:00
LESS Demo
{
"scripts": [
"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/TextPlugin.min.js"
],
"styles": []
}