Jesper Strange Klitgaard Christiansen jesperkc

## Visual studio code setup
Theme
https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

Plugins
https://prettier.io/docs/en/editors.html#visual-studio-code

## website-to-do.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jesperkc
                / website-to-do.md
            
            
              Last active
              December 18, 2019 14:45
            
          
    Website to-do

Stuff to remember
https://webdevchecklist.com/
https://frontendchecklist.io/
Design decisions


## scss-utilities.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jesperkc
                / scss-utilities.md
            
            
              Last active
              November 27, 2019 19:28
            
              
                SCSS Utilities
              
          
    Range input

https://github.com/darlanrod/input-range-scss
Checkbox

https://codepen.io/andycrone/pen/oNNqqNj
Boilerform

https://github.com/hankchizljaw/boilerform
Normalize


## approach.html
<!DOCTYPE html>
<html lang="en">

<head itemscope itemtype="http://schema.org/WebSite">

  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

## gatsby.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jesperkc
                / gatsby.md
            
            
              Last active
              February 26, 2020 20:30
            
          
    Check build size

source-map-explorer public/app-2d8ff19c3d99badbc13b.js public/app-2d8ff19c3d99badbc13b.js.map

or https://bundlephobia.com
Image size

Quality will increase image size
https://www.netlify.com/blog/2020/02/25/gatsby-build-speed-improvements-with-parallel-image-processing/?utm_source=newsletter&amp;utm_medium=email&amp;utm_campaign=202002-newsletter&amp;utm_campaign=Netlify+Newsletter+-+February+2020&amp;utm_content=Netlify+Newsletter+-+February+2020&amp;utm_medium=email_action&amp;utm_source=customer.io

  
## jsbin.ukozIWU.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Bootstrap side nav" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
	Theme
	https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

	Plugins
	https://prettier.io/docs/en/editors.html#visual-studio-code
	<!DOCTYPE html>
	<html lang="en">

	<head itemscope itemtype="http://schema.org/WebSite">

	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="msapplication-tap-highlight" content="no">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Bootstrap side nav" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
	<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
	<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>