Michal Witkowski WitkowskiMichau

## sortUsersByAge.js
var users = [
        {
            "age": 99.0,
            "name": "Saly"
        }, {
            "age": 121,
            "name": "Rob"
        }, {
            "age": 0.3,
            "name": "Tomek"

## gist:ea94ad83e77fe7e5f92f40629252cee3
var a = 15;
console.log(this.a);
// => 15
console.log(window.a);
// => 15

## abc.html
<link href="other.css" rel="stylesheet" media="(min-width: 40em)">
<link href="print.css" rel="stylesheet" media="print">

## srcset.html
<img src="ing.jpg" srcset="img.jpg, img2x.jpg 2x" alt="img">

## srcset2.html
<img src="img.jpg" srcset="img1024.jpg 1024w, img2048.jpg 2048w" alt="img">

## media-query.less
@desktop:   ~"only screen and (min-width: 960px) and (max-width: 1199px)";
@tablet:    ~"only screen and (min-width: 720px) and (max-width: 959px)";

@media @desktop {
  footer {
    width: 940px;
  }
}

@media @tablet {

## head.html
<!doctype html>
<html lang="en">
<head>
  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>

  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes"/>

  <title>Very slow website</title>

## head.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes"/>

  <title>Very slow website</title>
  <link rel="icon" href="favicon.ico" type="image/x-icon"/>

  <link rel="stylesheet" href="styles.css"/>

## prefetch.html
<link rel="dns-prefetch" href="\fonts.googleapis.com">
<link rel="dns-prefetch" href="\code.jquery.com">

## preconnect.html
<link rel="preconnect" href="https://very-slow-page.herokuapp.com/">
	var users = [
	{
	"age": 99.0,
	"name": "Saly"
	}, {
	"age": 121,
	"name": "Rob"
	}, {
	"age": 0.3,
	"name": "Tomek"
	var a = 15;
	console.log(this.a);
	// => 15
	console.log(window.a);
	// => 15
	<link href="other.css" rel="stylesheet" media="(min-width: 40em)">
	<link href="print.css" rel="stylesheet" media="print">
	@desktop: ~"only screen and (min-width: 960px) and (max-width: 1199px)";
	@tablet: ~"only screen and (min-width: 720px) and (max-width: 959px)";

	@media @desktop {
	footer {
	width: 940px;
	}
	}

	@media @tablet {
	<!doctype html>
	<html lang="en">
	<head>
	<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes"/>

	<title>Very slow website</title>
	<link rel="dns-prefetch" href="\fonts.googleapis.com">
	<link rel="dns-prefetch" href="\code.jquery.com">