Jakub Skala jakubs

## swipe.js
var touchstartX = 0;
var touchstartY = 0;
var touchendX = 0;
var touchendY = 0;

var gesuredZone = document.getElementById('gesuredZone');

gesuredZone.addEventListener('touchstart', function(event) {
    touchstartX = event.screenX;
    touchstartY = event.screenY;

## what-forces-layout.md

      
              1 file
            
          
              854 forks
            
          
                182 comments
              
            
              8452 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              October 23, 2025 10:35
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
Element APIs

Getting box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


## README.md

      
              5 files
            
          
              306 forks
            
          
                50 comments
              
            
              2042 stars
            
          
                addyosmani
                / README.md
            
            
              Last active
              October 2, 2025 12:05
                — 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

  
## github-webhook-handler.php
<?php

/**
 * GitHub webhook handler template.
 *
 * @see     https://docs.github.com/webhooks/
 * @author  Miloslav Hůla (https://github.com/milo)
 */

$hookSecret = 's.e.c.r.e.t';  # set NULL to disable check

## normalize_mousewheel.js
// http://stackoverflow.com/questions/5527601/normalizing-mousewheel-speed-across-browsers

function normalize_mousewheel(e) {
    var //o = e.originalEvent,
        o = e,
        d = o.detail, w = o.wheelDelta,
        n = 225, n1 = n-1;

    // Normalize delta
    d = d ? w && (f = w/d) ? d/f : -d/1.35 : w/120;

## css-responsive-images.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CSS responsive images</title>
        <style>
            /* Doesn't stop original source image being
               downloaded too */

            @media (min-device-width:600px) {

## .bashrc
export PS1="$PS1\$(\
    export GIT_BRANCH=\"\$(git branch --no-color 2>/dev/null | grep '*' | cut -d\" \" -f2-)\"; \
    if [ -n \"\$GIT_BRANCH\" ] ; then \
        echo -en \"\[\033[01;33m\]\"\$GIT_BRANCH \"> \[\033[00m\]\"; \
    fi \
)"
	var touchstartX = 0;
	var touchstartY = 0;
	var touchendX = 0;
	var touchendY = 0;

	var gesuredZone = document.getElementById('gesuredZone');

	gesuredZone.addEventListener('touchstart', function(event) {
	touchstartX = event.screenX;
	touchstartY = event.screenY;
	<?php

	/**
	* GitHub webhook handler template.
	*
	* @see https://docs.github.com/webhooks/
	* @author Miloslav Hůla (https://github.com/milo)
	*/

	$hookSecret = 's.e.c.r.e.t'; # set NULL to disable check
	// http://stackoverflow.com/questions/5527601/normalizing-mousewheel-speed-across-browsers

	function normalize_mousewheel(e) {
	var //o = e.originalEvent,
	o = e,
	d = o.detail, w = o.wheelDelta,
	n = 225, n1 = n-1;

	// Normalize delta
	d = d ? w && (f = w/d) ? d/f : -d/1.35 : w/120;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS responsive images</title>
	<style>
	/* Doesn't stop original source image being
	downloaded too */

	@media (min-device-width:600px) {
	export PS1="$PS1\$(\
	export GIT_BRANCH=\"\$(git branch --no-color 2>/dev/null \| grep '*' \| cut -d\" \" -f2-)\"; \
	if [ -n \"\$GIT_BRANCH\" ] ; then \
	echo -en \"\[\033[01;33m\]\"\$GIT_BRANCH \"> \[\033[00m\]\"; \
	fi \
	)"