Skip to content

Instantly share code, notes, and snippets.

View gavin-hall's full-sized avatar

Gavin Hall gavin-hall

View GitHub Profile
@gavin-hall
gavin-hall / CSS Visual Effects
Last active December 13, 2015 20:38
CSS Visual Effects
/* Visual Effects
------------------------------------------------------- */
.selector {
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
border-radius: px;
-webkit-border-radius: px;
-moz-border-radius: px;
@gavin-hall
gavin-hall / .gitignore_wordpress
Last active February 20, 2022 20:54
Template .gitignore for git-managed WordPress projects
# This is a template .gitignore file for git-managed WordPress projects.
#
# Fact: you don't want WordPress core files, or your server-specific
# configuration files etc., in your project's repository. You just don't.
#
# Solution: stick this file up your repository root (which it assumes is
# also the WordPress root directory) and add exceptions for any plugins,
# themes, and other directories that should be under version control.
#
# See the comments below for more info on how to add exceptions for your
@gavin-hall
gavin-hall / .htaccess
Created January 6, 2014 20:46
htaccess redirect
RewriteEngine On
RewriteRule .* http://something.com
/bootstrap/compiled.php
/vendor
composer.phar
composer.lock
.DS_Store
Thumbs.db
@gavin-hall
gavin-hall / regex
Created January 9, 2014 16:11
Remove everything between curly brackets.
(?<=\{)[^}]+(?=\})
@gavin-hall
gavin-hall / index.html
Created February 5, 2022 19:22
Simple ScrollMagic Tutorial
<section id="one">
<div class="inner innerS1">
<h1>Simple ScrollMagic Tutorial</h1>
<p>Learn how to create a <strong>simple scrolling website</strong> using ScrollMagic</p>
</div>
</section>
<section id="two">
<div class="innerText innerS2">
<h2>Why to learn ScrollMagic?</h2>
<ul class="features">
@gavin-hall
gavin-hall / browser-scrollbar-controls-timelinelite-animation.markdown
Created February 5, 2022 19:22
Browser Scrollbar Controls TimelineLite Animation

Browser Scrollbar Controls TimelineLite Animation

This is a test showing how the browser's vertical scrollbar can control a Greensock TimelineLite animation.

A Pen by Adrian Parr on CodePen.

License.

@gavin-hall
gavin-hall / animated-svg-text-mask-greensock.markdown
Created February 5, 2022 19:23
Animated SVG text mask | Greensock
@gavin-hall
gavin-hall / animated-navigation.markdown
Created February 5, 2022 19:28
Animated Navigation