califat’s gists

califat / index.html

Created August 1, 2017 08:05 — forked from anonymous/index.html

Split Image | Hover Effect

califat / index.pug

Created August 9, 2017 05:28 — forked from anonymous/index.pug

Snake

	.container
	h2 This snake is...

	form
	p.form__answer
	input(type="radio" name="type" id="responsive" value="responsive" checked)
	label(for="responsive") Responsive
	p or
	p.form__answer
	input(type="radio" name="type" id="adaptive" value="adaptive")

califat / index.html

Created August 11, 2017 06:37 — forked from anonymous/index.html

Video and image thumbnail for HTML file upload

	<input type="file" accept=".jpg,.jpeg.,.gif,.png,.mov,.mp4" />

	<p><strong>Select a video or image file</strong><br /><br />Supported browsers (tested): Chrome, Firefox, Safari, Opera, IE10, IE11, Android (Chrome), iOS Safari (10+)</p>

	<div></div>

califat / experiment-4.markdown

Created August 13, 2017 09:01 — forked from anonymous/experiment-4.markdown

Experiment #4

After some hacking of the Explode Modifier script, I've managed to add three new faces to each face in the Icosahedron Geometry. Connecting them to a vertex positioned in the center of that face and moving them individually enables me to achieve this effect.

A Pen by Daniel Del Core on CodePen.

License.

califat / index.html

Created August 13, 2017 09:01 — forked from anonymous/index.html

Responsive CSS vertical slider with thumbnails

	<div class="container">
	<ul class="slides">
	<li id="slide1"><img src="https://cdn.rawgit.com/huijing/filerepo/gh-pages/lw1.jpg" alt="" /></li>
	<li id="slide2"><img src="https://cdn.rawgit.com/huijing/filerepo/gh-pages/lw2.jpg" alt="" /></li>
	<li id="slide3"><img src="https://cdn.rawgit.com/huijing/filerepo/gh-pages/lw3.jpg" alt="" /></li>
	<li id="slide4"><img src="https://cdn.rawgit.com/huijing/filerepo/gh-pages/lw4.jpg" alt="" /></li>
	<li id="slide5"><img src="https://cdn.rawgit.com/huijing/filerepo/gh-pages/lw5.jpg" alt="" /></li>
	</ul>

	<ul class="thumbnails">

califat / emoji-ajax-type-ahead.markdown

Created August 19, 2017 05:55 — forked from anonymous/emoji-ajax-type-ahead.markdown

Emoji Ajax Type Ahead

Ajax type ahead emoji search using the fabulous Fetch API. It started as my own spin on Wes Bos' JS30 Ajax Type Ahead screencast. What followed was my desire to jump on the Codepen emoji bandwagon!

A Pen by Tobi Weinstock on CodePen.

License.

califat / index.html

Created August 19, 2017 05:59 — forked from anonymous/index.html

JPNG.svg (Transparent PNG with JPEG Compression)

	<header class="container">

	<div class="logo">
	<h1 class="logo__heading">
	<img class="logo__image" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/39255/jpng-logo.png" alt="JPNG.svg" />
	</h1>
	<small class="logo__subtitle"><em>This logo was originally 300kb, but compressed down to 69kb using the tool below.</em></small>

	</div>

califat / index.html

Created August 21, 2017 09:36 — forked from anonymous/index.html

Top 50 Codepen Users By Follower Count

	<h2>Top 50 Codepen Users by Follower Count</h2>
	<p>As of July 26, 2015</p>
	<div class="ct-chart"></div>
	<h3>Chris Coyier had double the amount of the highest follower count. He's so popular we had to omit him because he was visually skewing the data.</h3>

califat / day-and-night.markdown

Created August 24, 2017 05:18 — forked from anonymous/day-and-night.markdown

Day and Night

First time using GSAP.

Loosely based on: https://dribbble.com/shots/1758302-Day-and-Night

by Joanna Ngai: https://dribbble.com/joannan

califat / index.html

Created August 28, 2017 05:27 — forked from anonymous/index.html

Love In Hearts