Skip to content

Instantly share code, notes, and snippets.

View coliff's full-sized avatar
coding and coffee

Christian Oliff coliff

coding and coffee
View GitHub Profile
@coliff
coliff / BootstrapMediaQueries.css
Last active November 22, 2016 08:40
Bootstrap 3 Media Queries.css
/* XS */
@media (max-width: 767px) {}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {}
/* LG */
@coliff
coliff / jquery-conditional-with-fallback.htm
Last active April 13, 2018 08:55
Conditional statement to give IE 8 and lower jQuery 1.x and all other browsers jQuery 3.x
<!--[if gte IE 9]><!-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<![endif]-->
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
@coliff
coliff / onClick.js
Last active August 29, 2015 14:03
Track outbound links with Google Analytics (Universal)
onclick="trackOutboundLink('http://example.com');return false"
@coliff
coliff / webconfig.xml
Last active February 19, 2016 10:16
IIS 7 web.config with performance tweaks for caching and compression optimisations.
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<httpCompression directory="%SystemDrive%\inetpub\temp\IIS Temporary Compressed Files" minFileSizeForComp="1024">
<scheme name="gzip" dll="%Windir%\system32\inetsrv\gzip.dll"/>
<dynamicTypes>
<add mimeType="text/*" enabled="true"/>
<add mimeType="message/*" enabled="true"/>
<add mimeType="application/javascript" enabled="true"/>
<add mimeType="*/*" enabled="false"/>
@coliff
coliff / Bootstrap 3 - PIE.css
Last active January 10, 2023 11:56
Bootstrap 3 - PIECSS to quickly add border-radius to IE6,IE7,IE8 with CSS3 PIE (http://css3pie.com/). Be sure to add it as a conditional stylesheet for IE8 and lower.
.img-circle{behavior:url(/scripts/PIE.htc)}
.img-rounded{behavior:url(/scripts/PIE.htc)}
.img-thumbnail{behavior:url(/scripts/PIE.htc)}
.table-bordered{behavior:url(/scripts/PIE.htc)}
select,textarea,input,code,pre,kbd,pre{behavior:url(/scripts/PIE.htc)}
.input-group-addon{behavior:url(/scripts/PIE.htc)}
.btn{behavior:url(/scripts/PIE.htc)}
.dropdown-menu{behavior:url(/scripts/PIE.htc)}
.form-control{behavior:url(/scripts/PIE.htc)}
.panel{behavior:url(/scripts/PIE.htc)}
@coliff
coliff / high-dpi-media.css
Last active October 13, 2015 14:48 — forked from marcedwards/high-dpi-media.css
A CSS media query that captures almost all high DPI aware devices.
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs with IE zoomed in */
/* - Low DPI Windows PCs & Macs with Firefox zoomed in */
/* - Android hdpi devices and above */