Skip to content

Instantly share code, notes, and snippets.

@1ncrement
1ncrement / scroll-top-menu.html
Created March 6, 2016 21:25
scroll active item menu + smoosh scroll
// Cache selectors
var lastId,
topMenu = $("#top-menu"),
topMenuHeight = topMenu.outerHeight()+15,
// All list items
menuItems = topMenu.find("a"),
// Anchors corresponding to menu items
scrollItems = menuItems.map(function(){
var item = $($(this).attr("href"));
if (item.length) { return item; }
@1ncrement
1ncrement / bootstrapMenu.html
Last active March 5, 2016 21:30
myFixBootstrapMenu
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed btn">
<span class="sr-only">Toggle</span>
<i class="fa fa-bars"></i>
</button>
<a href="" class="navbar-brand">My Logo</a>
</div>
<nav id="menu" class="collapse navbar-collapse">
@1ncrement
1ncrement / bootstrap.min.css
Created March 5, 2016 17:38
bootstrap.min.css only responsive grid 940px + 20px
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow
(function ($) {
$(document).ready(function () {
// Scroll Variables (tweakable)
var framerate = 150; // [Hz] 150
var animtime = 600; // [px] 400
var stepsize = 150; // [px] 120
// Pulse (less tweakable)
// ratio of "tail" to "acceleration"
@1ncrement
1ncrement / animation.html
Created March 4, 2016 16:58
jQuery+CSSAnimation
<script type="text/javascript">//<![CDATA[
$(function(){
function onScrollInit( items, trigger ) {
items.each( function() {
var osElement = $(this),
osAnimationClass = osElement.attr('data-os-animation'),
osAnimationDelay = osElement.attr('data-os-animation-delay');
osElement.css({
'-webkit-animation-delay': osAnimationDelay,
@1ncrement
1ncrement / modal.jade
Created February 28, 2016 20:25
modalBootstrap
//modal start
button(type='button' class='btn btn-lg' data-toggle="modal" data-target="#myModal") Launch demo modal
.modal.fade#myModal(tabindex="-1" role="dialog" aria-labelledby="myModalLabel")
.modal-dialog
.modal-content
.modal-header
button.close(type="button" data-dismiss="modal" aria-label="Close")
span(aria-hidden="true") &times;
h4.modal-title#myModalLabel Modal title