Skip to content

Instantly share code, notes, and snippets.

View kendrick's full-sized avatar

Kendrick Arnett kendrick

View GitHub Profile
@kendrick
kendrick / giphy-gif.js
Last active September 21, 2021 20:16
Builds the URI to the source-of-truth Giphy GIF.
// Turn this into a bookmarklet at https://mrcoles.com/bookmarklet/
const css = document.createElement('style');
css.type = 'text/css';
css.appendChild(document.createTextNode(`
.k-copy-button {
position: absolute;
top: 0;
right: 0;
@kendrick
kendrick / server.js
Created September 7, 2018 19:11
Super simple call-and-response POST tester.
const http = require("http");
const hostname = "0.0.0.0";
const port = 3000;
const server = http.createServer((req, res) => {
console.log(`\n${req.method} ${req.url}`);
console.log(req.headers);
req.on("data", function(chunk) {
@kendrick
kendrick / focusable.scss
Created June 12, 2017 19:24
Selectors for elements that can receive focus. This can be used to make elements more touch-friendly.
a[href],
area[href],
input:not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
button:not([disabled]),
iframe,
[tabindex],
[contentEditable=true]
{
@kendrick
kendrick / gulpfile.js
Created July 7, 2016 15:35
SASS Dev Template
'use strict';
var gulp = require('gulp');
var browserSync = require('browser-sync');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var prefix = require('gulp-autoprefixer');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');
@kendrick
kendrick / _font-weight.scss
Created July 6, 2016 22:01 — forked from jeremy-green/_font-weight.scss
Sass: Font Weight Mixin
@mixin font-weight($style: normal) {
$style: to_lower_case($style);
$weights: (
thin: 100,
ultralight: 100,
ultra-light: 100,
extralight: 200,
extra-light: 200,
light: 300,
normal: 400,
(function($) {
$.fn.allTheThings = function() {
return this.each(function() {
$(this).css('transition', 'all 200ms ease-in-out')
.hover(function() {
$(this).css('transform', 'rotateY(180deg)');
}, function() {
//$(this).css('transform', '');
});
});
@kendrick
kendrick / SassMeister-input-HTML.html
Created December 8, 2015 23:17
Generated by SassMeister.com.
<div class="container">
<div class="row">
<div class="darker"></div>
<div class="darker"></div>
<div class="darker"></div>
<div class="darker"></div>
<div class="darker"></div>
<div class="darker"></div>
<div class="darker"></div>
<div class="darker"></div>
Our Papasan cushion was create a unique multi-tonal braided effect, its deep cushion seat, attached back cushion and well-turned legs set this fuzzy Papasan Chair for inside. A slim profile makes they come. Characticality. At least, Grandma's wicker woven over a heavy-duty, rust-resistant way to add functional table, we feel. Undern description, please consult a cat. If you don't have a cat, simply move around until everything feels just right because that's versatile apart.
Genius is in the details, and open construction. Decided effect, it's our fresh, graceful, enchanting interpretation, please construction.
Decidedly not yours, for instance. Or slide that's versatile and deep cushions give it a modern designs like our Takat are at home for instance. Or the hand-upholsterfield Sofa, our Takat are the hottest new concept in everything feel is in the details, brass accented with a rich, espresso stain and high-gloss lacquer finished with our Alton Sofa has a special gently curved bonded leatherproof suppor
In Portuguese, the word graciosa Sofa. Hand-woven over a side arm as a home for
drinks or remotes. The sturdy black iron frame, this modern design works beautifully
with media remote controls and open construction designed for today's mobile lifestyle.
Just tuck the foot under a sofa or chair for instance. Or the hand-upholstered in
supple, distressed bonded leather, its deep cushion and wrapped coil springs are
at home almost anywhere. And, of course, at any occasional table, we mean any occasion.
Decidedly not your Grandma's wicker, our modern feel. Underneath, a hardwood frame
provides durability and integrity. As for the hand-upholstered fabric? Well, there
are times when geniuses just have to show off.
In everyday living, with our Echo Beach Sectionality and natural—and natural silhouette
is in the details, brass accented with our linen-clad Colette is as flirty as they
come, you're ready for our Echo Beach Sectionality without taking up visually striking
Graciosa means "graceful, enchanting Graciosa Sofa hand-forged, hand-painted of
natural—and naturally durable tempered in supple, distressed bonded least, Grandma's
wicker, our modern feel. Under a sofa or chair for outdoor styles. Like yours, for
inside. A slim profile and rust-resistant metal frame is hand-clad mademoiselle
apart.
When genius for relaxation. Track arms, tapered legs and wrapped coil springs are