Skip to content

Instantly share code, notes, and snippets.

View nblenke's full-sized avatar

Nathan Blenke nblenke

4 followers · 2 following
View GitHub Profile
@nblenke
nblenke / server.js
Last active January 11, 2023 23:32
node react server
import express from 'express'
import * as path from 'path'
import cors from 'cors'
const app = express()
const PORT = process.env.PORT || 5000
const __dirname = path.resolve(path.dirname(''))
app.use(cors())
app.use(express.static(path.join(__dirname, 'public')))
@nblenke
nblenke / index.html
Created February 26, 2018 15:38
Header collapse on scroll(translate3d)
<style>
.spacer {
height: 2800px;
}
#test {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
@nblenke
nblenke / index.html
Created February 26, 2018 15:37
Header collapse on scroll(transition)
<style>
.spacer {
height: 2800px;
}
#test {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
@nblenke
nblenke / css-reaction.markdown
Created August 31, 2016 18:42
CSS Reaction
@nblenke
nblenke / index.html
Last active September 22, 2015 20:58
carousel blur on slide change
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.0.8/css/swiper.min.css">
<style>
.swiper-container img {
max-width:100%;
}
.swiper-slide {
@nblenke
nblenke / gist:5796232fb6b322e1cafa
Last active January 4, 2017 16:19
Boom - Explode elements using Web Animations - https://rawgit.com/nblenke/5796232fb6b322e1cafa/raw/0574d42d12f60e9c6cdde33776a1e19e5381ccac/gistfile1.html
<!doctype html>
<html>
<head>
<title></title>
<style>
.boom {
width:40px;
height:40px;
position:relative;
@nblenke
nblenke / gist:33871970008561ec8049
Last active August 29, 2015 14:19
Android/iTunes App Download Notification
/* jshint strict: true */
/* globals $ */
/*
* Show a "Download App" notification on Android and iPhone.
* Notification will appear once per page every 30 days unless dismissed,
* once dismissed, it won't show again for 30 days
*/
(function () {
@nblenke
nblenke / gist:46b4ec5305ea89fbb7ad
Last active August 29, 2015 14:07
tapping
var tapFlag = 0,
tapping = function (ev) {
var bool = false;
if (ev.type === 'touchstart') {
tapFlag = 1;
}
if (ev.type === 'touchmove') {
tapFlag = 0;
}
if (ev.type === 'touchend') {
@nblenke
nblenke / gist:ca88e47a4861b6bb6e07
Created October 1, 2014 19:32
Fixed header on scroll
(function () {
var el = document.querySelector('#header'),
className = 'fixed',
offset = (el.offsetTop + el.offsetHeight),
scrollTop = function () {
return document.body.scrollTop || document.documentElement.scrollTop;
};
if (scrollTop() > offset) {
el.className = className;
@nblenke
nblenke / example
Created October 1, 2014 14:39
domModified
/*
domModified
Add mutation listener to DOM element and trigger callback once it has completed
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
Usage:
domModified({
selector: '#selector',