Matt Zimmermann influxweb

## gist:5581538
// with this you can write .end(3) instead of .end().end().end()

(function(){

    // Define overriding method.
    jQuery.fn.end = function(no_of_times){
  	var prevObject = this.prevObject;
		if (!(arguments.length) || (typeof no_of_times !== "number")) {
			return this.prevObject || this.constructor(null);
		} else {

## frontendDevlopmentBookmarks.md

      
              1 file
            
          
              1099 forks
            
          
              124 comments
            
          
              4958 stars
            
          
                dypsilon
                / frontendDevlopmentBookmarks.md
            
            
              Last active
              May 30, 2024 08:12
            
              
                A badass list of frontend development resources I collected over time.
              
          
    Frontend Development

Attention: the list was moved to
https://github.com/dypsilon/frontend-dev-bookmarks
This page is not maintained anymore, please update your bookmarks.


## animatedScrollTo.js
document.getElementsByTagName('button')[0].onclick = function () {
   scrollTo(document.body, 0, 1250);
}

function scrollTo(element, to, duration) {
    var start = element.scrollTop,
        change = to - start,
        currentTime = 0,
        increment = 20;


## modern-scale.scss
// --------------------------------------------------------------------------------------
// A More Modern Scale for Web Typography
// Based on this article: http://typecast.com/blog/a-more-modern-scale-for-web-typography
// --------------------------------------------------------------------------------------

$body-font-size: 1em !default;

// Adjusts body typography to be default
// for each browser.
@mixin reset-body-font-size($font-size: 100%, $size-adjustment: 0.5) {

## vcard.html
<!doctype html>
<html>
    <head>
        <script type="text/javascript" src="vcard2.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            // With helper methods
            var fooBar = vCard.create(vCard.Version.FOUR)
            fooBar.addFormattedname("Mr Foo Bar")

## debug-scroll.md

      
              1 file
            
          
              16 forks
            
          
              8 comments
            
          
              78 stars
            
          
                cuth
                / debug-scroll.md
            
            
              Last active
              February 7, 2024 18:17
            
              
                Find the elements that are causing a horizontal scroll. Based on http://css-tricks.com/findingfixing-unintended-body-overflow/
              
          
    Debug Horizontal Scroll

(function (d) {
    var w = d.documentElement.offsetWidth,
        t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
 if (b.right &gt; w || b.left &lt; 0) {

  
## LICENSE
Copyright (C) 2016 Donnie Ray Jones

Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

## How_to_use.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="templating.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

  <template id=t>

## simple.js
var define, require;

(function() {
  var modules = {};

  require = function(name) {
    return modules[name]();
  };

  define = function(name, fn) {

## carousel-example.css
div.carousel-container {

}
div.carousel-container > * {
	display: inline-block;
	vertical-align: middle;
}
div.carousel-container > button {
	color: transparent;
	border: 0px;
	// with this you can write .end(3) instead of .end().end().end()

	(function(){

	// Define overriding method.
	jQuery.fn.end = function(no_of_times){
	var prevObject = this.prevObject;
	if (!(arguments.length) \|\| (typeof no_of_times !== "number")) {
	return this.prevObject \|\| this.constructor(null);
	} else {
	document.getElementsByTagName('button')[0].onclick = function () {
	scrollTo(document.body, 0, 1250);
	}

	function scrollTo(element, to, duration) {
	var start = element.scrollTop,
	change = to - start,
	currentTime = 0,
	increment = 20;
	// --------------------------------------------------------------------------------------
	// A More Modern Scale for Web Typography
	// Based on this article: http://typecast.com/blog/a-more-modern-scale-for-web-typography
	// --------------------------------------------------------------------------------------

	$body-font-size: 1em !default;

	// Adjusts body typography to be default
	// for each browser.
	@mixin reset-body-font-size($font-size: 100%, $size-adjustment: 0.5) {
	<!doctype html>
	<html>
	<head>
	<script type="text/javascript" src="vcard2.js"></script>
	</head>
	<body>
	<script type="text/javascript">
	// With helper methods
	var fooBar = vCard.create(vCard.Version.FOUR)
	fooBar.addFormattedname("Mr Foo Bar")
	Copyright (C) 2016 Donnie Ray Jones

	Permission is hereby granted, free of charge, to any person obtaining a
	copy of this software and associated documentation files (the
	"Software"), to deal in the Software without restriction, including
	without limitation the rights to use, copy, modify, merge, publish,
	distribute, sublicense, and/or sell copies of the Software, and to
	permit persons to whom the Software is furnished to do so, subject to
	the following conditions:
	var define, require;

	(function() {
	var modules = {};

	require = function(name) {
	return modules[name]();
	};

	define = function(name, fn) {
	div.carousel-container {

	}
	div.carousel-container > * {
	display: inline-block;
	vertical-align: middle;
	}
	div.carousel-container > button {
	color: transparent;
	border: 0px;