Sigurður Árni Svanbergsson siggiarni

## Accessible-links.css
/* http://24ways.org/2013/coding-towards-accessibility/ */

.my-cool-link:hover,
.my-cool-link:focus,
.my-cool-link:active
{

 background-color: MistyRose;
}

## ios-safari-pseudo-selectors.html
<body ontouchstart="">
    ...
</body>

<!-- https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari -->

## notranslate.html
<!-- http://davidwalsh.name/prevent-chrome-from-translating-page -->
<meta name="google" value="notranslate">

## Browsers.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                siggiarni
                / Browsers.md
            
            
              Last active
              January 22, 2016 15:00
            
          
    Browsers Checklist

Desktop

Mac


 Safari
 Chrome
 Firefox
 Opera


## NPM-SSL-Errors.txt
Turn off certificate checking

$ npm config set strict-ssl false

Turn it back on

$ npm config set strict-ssl true

## device-width.html
<p>
	Device width: <span id="device-width"></span>
</p>

<script>
	var findDeviceWidth = function() {
		var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
		document.getElementById('device-width').innerHTML = width;
	};
	window.onresize = findDeviceWidth;

## Litir.
#21cfc5
#f9c697
#e31519

## dotted-border-background.css
background-image: linear-gradient(to left, red 50%, blue 0%);
background-position: bottom;
background-repeat: repeat-x;
background-size: 2px 1px;

## hide-ms-tooltip.css
::-ms-tooltip {
  display: none;
}

## box-sizing.css
/* apply a natural box layout model to all elements, but allowing components to change */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after
{
  box-sizing: inherit;
	/* http://24ways.org/2013/coding-towards-accessibility/ */

	.my-cool-link:hover,
	.my-cool-link:focus,
	.my-cool-link:active
	{

	background-color: MistyRose;
	}
	<body ontouchstart="">
	...
	</body>

	<!-- https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari -->
	<!-- http://davidwalsh.name/prevent-chrome-from-translating-page -->
	<meta name="google" value="notranslate">
	Turn off certificate checking

	$ npm config set strict-ssl false

	Turn it back on

	$ npm config set strict-ssl true
	<p>
	Device width: <span id="device-width"></span>
	</p>

	<script>
	var findDeviceWidth = function() {
	var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
	document.getElementById('device-width').innerHTML = width;
	};
	window.onresize = findDeviceWidth;
	background-image: linear-gradient(to left, red 50%, blue 0%);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 2px 1px;
	/* apply a natural box layout model to all elements, but allowing components to change */
	/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	html {
	box-sizing: border-box;
	}
	*,
	*:before,
	*:after
	{
	box-sizing: inherit;