A973C’s gists

A973C / index.html

Created February 10, 2018 05:47 — forked from CodeMyUI/index.html

Switch Style Loading Screen With CSS Variables.

	<div class="loader">
	<div class="loader__bar"></div>
	<div class="loader__bar loader__bar--delay-1"></div>
	<div class="loader__bar loader__bar--delay-2"></div>
	<div class="loader__bar loader__bar--delay-3"></div>
	<div class="loader__bar loader__bar--delay-4"></div>
	<div class="loader__bar loader__bar--delay-5"></div>
	<div>
	</div>

A973C / css3-animation-spinners-and-preloaders.markdown

Created February 10, 2018 05:46 — forked from CodeMyUI/css3-animation-spinners-and-preloaders.markdown

CSS3 animation spinners and preloaders

CSS3 animations spinners and preloaders, no JS, no images

A Pen by fox_hover on CodePen.

License.

A973C / index.html

Created January 11, 2018 06:02 — forked from CodeMyUI/index.html

Messenger

A973C / external call

Created January 8, 2018 05:50 — forked from CodeMyUI/external call

Ink Blot Modal Using Video & Blend Modes

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js

A973C / fullscreen-expanding-div.markdown

Created January 5, 2018 06:40 — forked from CodeMyUI/fullscreen-expanding-div.markdown

Fullscreen Expanding Div

A Pen by Colin Lohner on CodePen.

License.

A973C / wunderground-lambda.js

Created November 25, 2017 09:27 — forked from krcummings1/wunderground-lambda.js

AWS Lambda function to stream Wunderground data to Initial State

	'use strict';
	let https = require('https'),
	http = require('http');

	const ISBucketKey = 'YOUR-BUCKET-KEY',
	WundergroundApiKey = 'WUNDERGROUND-API-KEY',
	WundergroundCity = 'Nashville',
	WundergroundState = 'TN';

	const ISAccessKey = 'YOUR-ACCESS-KEY';

A973C / index.html

Created November 24, 2017 07:06 — forked from CodeMyUI/index.html

Material Design - Transformation

	<div class="wrapper">
	<div class="content">
	<div class="img"></div>
	<div class="text">
	<div class="line title"></div>
	<div class="line subtitle"></div>
	</div>
	</div>
	</div>

A973C / css-only-todo-list-checkbox-animation.markdown

Created November 24, 2017 07:05 — forked from CodeMyUI/css-only-todo-list-checkbox-animation.markdown

☑️ CSS-only Todo List Checkbox Animation

Recreation of https://dribbble.com/shots/3959132-Todo-List-Swipe-To-Check

Original built with JS but adapted to be CSS-only since JS wasn't necessary.

A Pen by Shaw on CodePen.

License.

A973C / index.html

Created November 11, 2017 08:03 — forked from CodeMyUI/index.html

Pure CSS Drawer Menu with overlay

	<label for="DrawerMenuTrigger" class="OpenMenuButton">OPEN MENU</label>


	<input type="checkbox" id="DrawerMenuTrigger" hidden>
	<aside class="DrawerMenu">

	<div class="MenuContainer">
	<nav class="Menu">
	<h2 class="Menu__Title">Awesome CSS Menu</h2>
	<a href="#">Menu Item 01</a>

A973C / index.pug

Created October 21, 2017 04:51 — forked from CodeMyUI/index.pug

material-design vote up animation

	.button()
	input(type="radio" id="vote_up" name="vote")
	input(type="radio" id="vote_down" name="vote")

	.bg
	.icon.
	<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path d="M10.5 21l7.5-7.5 7.5 7.5z"/></svg>
	.count 23
	.count-up 24
	label(for="vote_up")

A973C A973C

CSS3 animation spinners and preloaders

Fullscreen Expanding Div

☑️ CSS-only Todo List Checkbox Animation