Skip to content

Instantly share code, notes, and snippets.

View shaan360's full-sized avatar
🙂
Coding in peace

Shaan M Khan shaan360

🙂
Coding in peace
View GitHub Profile
@jonkwheeler
jonkwheeler / RevealText.js
Last active May 2, 2024 05:46
React: Animation component using GSAP's SplitText plugin to reveal text on a page
// @flow
import { PureComponent, type Node, Fragment } from 'react';
import { TimelineLite } from 'gsap';
import SplitText from 'Lib/gsap-bonus/umd/SplitText';
import Waypoint from 'react-waypoint';
type RevealTextProps = {
children: Node,
waypointTopOffset: string,
waypointBottomOffset: string,
@suvozy
suvozy / Setup.md
Last active December 28, 2022 07:43
Setup AWS EC2 and RDS (php5.5, apache2.4, mysql5.5, phpmyadmin)
@asugai
asugai / Install composer on Amazon AMI running on EC2
Last active May 14, 2024 15:14
Install composer on Amazon AMI running on EC2
$ cd ~
$ sudo curl -sS https://getcomposer.org/installer | sudo php
$ sudo mv composer.phar /usr/local/bin/composer
$ sudo ln -s /usr/local/bin/composer /usr/bin/composer
then you can run
$ sudo composer install
anonymous
anonymous / index.html
Created July 29, 2013 12:53
A CodePen by Cameron Baney. Twitter Widget - Dribbble rebound of Edwin Delgado's original shot Fonts are a little different because I did not have webfont access to Segoe
<div class="twitter-widget">
<div class="header cf">
<a href="http://twitter.com/kayrel" target="_blank" class="avatar"><img src="http://cameronbaney.com/codepen/twitter-widget/avatar.jpg" alt="Edwin Delgado"></a>
<h2>Edwin Delgado @kayrel</h2>
<p>I do not recall how I came into existence.<br>Something to do with my dad and mom.</p>
</div>
<div class="stats cf">
<a href="#" class="stat">
<strong>1,250</strong>
tweets
@thomaspark
thomaspark / subnav.css
Last active June 6, 2023 10:19
Subnav for Bootstrap 2
section {
padding-top: 60px;
}
.subnav {
margin-bottom: 60px;
width: 100%;
height: 36px;
background-color: #eeeeee; /* Old browsers */
background-repeat: repeat-x; /* Repeat the gradient */
anonymous
anonymous / index.html
Created October 4, 2012 09:50
A tribute to the best fucking series in the world. Just some CSS and SVG. I created the SVG from the original Logo with Photoshop (path) and Illustrator (SVG). The making of: http://timpietrusky.com/breaking-bad-logo The original Logo is © by Ameri
<!--
Breaking Bad
A tribute to the best fucking series in the world.
Just some CSS and SVG. I created the SVG from the original Logo with
Photoshop (path) and Illustrator (SVG).
The original Logo is © by American Movie Classics Company LLC.
anonymous
anonymous / index.html
Created October 4, 2012 09:45
A pure CSS3 fancy text banner using transforms, pseudo-elements, last-child, and more!
<div class="banner">
<div class="line">
<span>Fancy Banners</span>
</div>
<div class="line">
<span>Make It Look</span>
</div>
<div class="line">
<span>Nice &amp; Classy</span>
</div>
<ul class="comments">
<li class="comment">
<a href="#" title="View this user profile" class="photo"><img src="http://designitcodeit.com/live/45S6P0fit0nM/img/photo1.png" alt="Kasper"></a>
<div class="meta">Kasper | 2012.07.24 14:58 <a class="reply">Reply</a></div>
<div class="body">Cupcake ipsum dolor sit amet. Icing donut cheesecake muffin marzipan chocolate biscuit. Sweet roll chocolate marzipan.</div>
</li>
<li class="comment level-2">
<a href="#" title="View this user profile" class="photo"><img src="http://designitcodeit.com/live/45S6P0fit0nM/img/photo-default.png" alt="Photo"></a>
<div class="meta">John | 2012.07.24 15:21 <a class="reply">Reply</a></div>
<div class="body">Candy soufflé bear claw apple pie bear claw marshmallow. Jelly brownie wafer chocolate jelly.marzipan pastry sesame snaps apple pie.</div>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:28
CSS3 animations, transforms, transitions, filters, the whole deal. And oh yeah, Spongebob.
<h1>Choose your character</h1>
<form>
<li>
<input name="r" type="radio" id="spongebob" />
<label>Spongebob</label>
</li>
<li>
<input name="r" type="radio" id="patrick" />
<label>Patrick</label>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:13
CSS3 animations, transforms, transitions, filters, the whole deal. And oh yeah, Spongebob.
<h1>Choose your character</h1>
<form>
<li>
<input name="r" type="radio" id="spongebob" />
<label>Spongebob</label>
</li>
<li>
<input name="r" type="radio" id="patrick" />
<label>Patrick</label>