aldoyh

Swipe slide gsap (Swiper step 3 animate content in) + Mouse wheel

Originally from:

GSAP

aldoyh

Part of the Auto Teleprompter Project

GSAP ScrollSmoother + Three.js

---

A Pen by malven on CodePen.

License.

aldoyh

Beautiful Aurora Footer Lights

Beautiful Aurora lights display for footer.

A Pen by Amit Ashok Kamble on CodePen.

License.

aldoyh

3D Carousel

This is a simple carousel react component, that utilizes CSS transformations to create this 3D effect.

The cards are rotated, translated and blurred based on their distance in the list from the active card. Additionally, the color of the card is changing to be darker while maintaining the same hue using hsl().

A Pen by Yoav Kadosh on CodePen.

License.

aldoyh

GSAP GRID

interactive 16 grid illustrations :)

A Pen by Shunya Koide on CodePen.

License.

aldoyh

#!/bin/bash
# This script reads a .env file and sets the environment variables as GitHub secrets using the gh CLI.
# totally AI generated using local Ollama. And Totally proud of it!
# AI Generated by: Hasan AlDoy @aldoyh @ollama_ai 2024
# No Copyrights Nor Lefts Reserved.
# This script is licensed under the MIT License.
# You are free to modify and distribute this script as long as the original author is credited.
# This script is provided AS IS without any warranty of any kind.
# Save the Pengiun, Save the World! 🐧

aldoyh

Cloudflare's API Cheat-Sheet

VARIABLE	VALUE
EMAIL	The email address associated with your Cloudflare account.
KEY	The global API key associated with your Cloudflare account.
DOMAIN	The name of the domain to create a zone record for.
JUMP_START	If true, automatically attempts to fetch existing DNS records when creating a domain’s zone record
ZONE_ID	The unique ID of the domain’s zone record. Assigned by Cloudflare. Required when managing an existing zone record and its DNS records.

aldoyh

CSS scroll-driven scroll-snapping animations

Currently only works on Chrome desktop

A polyfill is included for other browsers, but it's iffy.

These last couple of years have really been it for CSS. This cold, dead heart may be resurrecting.

Some section transitions I made while learning about scroll-driven animations. This is a flaky layout, not very practical (especially not the backwards scroll), but sometimes you need to have fun.

aldoyh

Music Player

A Pen by Mustafa ismail on CodePen.

License.

aldoyh

<div class="gallery">
	<ul class="cards">
		<li>0</li>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
		<li>6</li>
		<li>7</li>