Juri Leino line-o

## annoying.js
/**
 * Annoying.js - How to be an asshole to your users
 *
 * DO NOT EVER, EVER USE THIS.
 *
 * Copyright (c) 2011 Kilian Valkhof (kilianvalkhof.com)
 * Visit https://gist.github.com/767982 for more information and changelogs.
 * Visit http://kilianvalkhof.com/2011/javascript/annoying-js-how-to-be-an-asshole/ for the introduction and weblog
 * Check out https://gist.github.com/942745 if you want to annoy developer instead of visitors
 *

## data-markdown.user.js
// ==UserScript==
// @name Use Markdown, sometimes, in your HTML.
// @author Paul Irish <http://paulirish.com/>
// @link http://git.io/data-markdown
// @match *
// ==/UserScript==


// If you're not using this as a userscript just delete from this line up. It's cool, homey.

## short-functions.js
// 1. No new  syntax for non-TCP functions.
//
// This approach does do include a shorter syntax for regular functions, so if a classic JS function
// is what you want you use the classic long form function expression:

a.some(function (x){
    if (invalid(x))
        return true;
    console.log(x);
});

## pnginator.rb
#!/usr/bin/env ruby -w

# pnginator.rb: pack a .js file into a PNG image with an HTML payload;
# when saved with an .html extension and opened in a browser, the HTML extracts and executes
# the javascript.

# Usage: ruby pnginator.rb input.js output.png.html

# By Gasman <http://matt.west.co.tt/>
# from an original idea by Daeken: http://daeken.com/superpacking-js-demos

## Article.md

      
              5 files
            
          
              25 forks
            
          
              11 comments
            
          
              264 stars
            
          
                Warry
                / Article.md
            
            
              Created
              December 11, 2012 00:11
            
              
                How to make faster scroll effects?
              
          
    How to make faster scroll effects?


Avoid too many reflows (the browser to recalculate everything)
Use advanced CSS3 for graphic card rendering
Precalculate sizes and positions

Beware of reflows

The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:

  
## redis.markdown

      
              1 file
            
          
              4 forks
            
          
              6 comments
            
          
              18 stars
            
          
                twoolie
                / redis.markdown
            
            
              Last active
              February 9, 2022 09:21
                — forked from bdotdub/redis.markdown
            
          
    Running redis using upstart on Ubuntu

I've been trying to understand how to setup systems from
the ground up on Ubuntu. I just installed redis onto
the box and here's how I did it and some things to look
out for.
To install:

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="http://d3js.org/d3.v2.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  </head>
  <body>

    <div id="chart"></div>

## README.md

      
              5 files
            
          
              303 forks
            
          
              50 comments
            
          
              2017 stars
            
          
                addyosmani
                / README.md
            
            
              Last active
              April 2, 2024 20:18
                — forked from 140bytes/LICENSE.txt
            
              
                108 byte CSS Layout Debugger
              
          
    CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version

  
## restxq-template.xqm
xquery version "3.0";

module namespace my-app = "http://my/app";

(: A starter template for a RestXQ module.
    Save this file into eXist anywhere (e.g., /db/restxq-template.xqm or /db/apps/my-app/modules/restxq-template.xqm),
    And access at http://localhost:8080/exist/restxq/index.html.
    (Why? Because /restxq is the URL space for RestXQ, and the function's %rest:path annotation is for requests to "/index.html".)
    Note that the collection configuration file where you store the module must invoke the RestXQ trigger:
        <collection xmlns="http://exist-db.org/collection-config/1.0">

## String.prototype.template.js
// this is now a module:
// https://github.com/WebReflection/backtick-template#es2015-backticks-for-es3-engines--


var template = require('backtick-template');

// just string
const info = 'template';
`some ${info}` === template('some ${info}', {info});
	/**
	* Annoying.js - How to be an asshole to your users
	*
	* DO NOT EVER, EVER USE THIS.
	*
	* Copyright (c) 2011 Kilian Valkhof (kilianvalkhof.com)
	* Visit https://gist.github.com/767982 for more information and changelogs.
	* Visit http://kilianvalkhof.com/2011/javascript/annoying-js-how-to-be-an-asshole/ for the introduction and weblog
	* Check out https://gist.github.com/942745 if you want to annoy developer instead of visitors
	*
	// ==UserScript==
	// @name Use Markdown, sometimes, in your HTML.
	// @author Paul Irish <http://paulirish.com/>
	// @link http://git.io/data-markdown
	// @match *
	// ==/UserScript==


	// If you're not using this as a userscript just delete from this line up. It's cool, homey.
	// 1. No new syntax for non-TCP functions.
	//
	// This approach does do include a shorter syntax for regular functions, so if a classic JS function
	// is what you want you use the classic long form function expression:

	a.some(function (x){
	if (invalid(x))
	return true;
	console.log(x);
	});
	#!/usr/bin/env ruby -w

	# pnginator.rb: pack a .js file into a PNG image with an HTML payload;
	# when saved with an .html extension and opened in a browser, the HTML extracts and executes
	# the javascript.

	# Usage: ruby pnginator.rb input.js output.png.html

	# By Gasman <http://matt.west.co.tt/>
	# from an original idea by Daeken: http://daeken.com/superpacking-js-demos
	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="http://d3js.org/d3.v2.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>
	<body>

	<div id="chart"></div>
	xquery version "3.0";

	module namespace my-app = "http://my/app";

	(: A starter template for a RestXQ module.
	Save this file into eXist anywhere (e.g., /db/restxq-template.xqm or /db/apps/my-app/modules/restxq-template.xqm),
	And access at http://localhost:8080/exist/restxq/index.html.
	(Why? Because /restxq is the URL space for RestXQ, and the function's %rest:path annotation is for requests to "/index.html".)
	Note that the collection configuration file where you store the module must invoke the RestXQ trigger:
	<collection xmlns="http://exist-db.org/collection-config/1.0">
	// this is now a module:
	// https://github.com/WebReflection/backtick-template#es2015-backticks-for-es3-engines--


	var template = require('backtick-template');

	// just string
	const info = 'template';
	`some ${info}` === template('some ${info}', {info});