Skip to content

Instantly share code, notes, and snippets.


Eric Eggert yatil

View GitHub Profile
nuxodin / focusin focusout support for firefox.js
Last active Apr 26, 2020
focusin focusout support for firefox
View focusin focusout support for firefox.js
/* Copyright (c) 2016 Tobias Buschor | MIT License */
/* focusin/out event polyfill (firefox) */
var w = window,
d = w.document;
if (w.onfocusin === undefined) {
d.addEventListener('focus' ,addPolyfill ,true);
d.addEventListener('blur' ,addPolyfill ,true);
d.addEventListener('focusin' ,removePolyfill ,true);
View webfonts.js
(function(win, doc, undefined) {
// sanity check - is it a decent browser
if('addEventListener' in win && 'localStorage' in win && 'querySelector' in doc) {
var injectref = doc.getElementsByTagName('script')[0],
loadCSS = function(href) {
var fontslink = doc.createElement('link');
meaku / .htaccess
Created Mar 18, 2013
.htaccess for SSL via SNI to prevent the certificate-error for unsupported browsers. Always share http links and https will be used if supported. Otherwise the connection will be http. SNI is not supported on IE on Windows XP (5 - 8) and Android < 4.x __Important Note__ Don't use this .htaccess if you need HTTPS for all your clients. It is just …
View .htaccess
# HTTP(S) Stuff
# Redirect all users except IE 5-8 & Android < 4 to HTTPS
RewriteCond %{SERVER_PORT} !^443$
RewriteCond %{HTTP_USER_AGENT} !MSIE\ [5-8]
RewriteCond %{HTTP_USER_AGENT} !Android.*(Mobile)?\ [0-3]
RewriteRule (.*) https://%{HTTP_HOST}/$1 [L]
thulstrup / compass-retina-sprites.scss
Created Mar 20, 2012
Using Compass to generate normal and retina sprite maps
View compass-retina-sprites.scss
$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");
@mixin sprite-background($name) {
background-image: sprite-url($sprites);
background-position: sprite-position($sprites, $name);
background-repeat: no-repeat;
display: block;
height: image-height(sprite-file($sprites, $name));
width: image-width(sprite-file($sprites, $name));
haschek / _contrast.scss
Last active Aug 14, 2019
SCSS/SASS Accessibility Color Methods
View _contrast.scss
SCSS Color Methods for Accessibility
Adjust given colors to ensure that those color combination provide sufficient
@version 0.1
View tabs vs spaces.js
var something = 'blah',
whatever = 'spaces, to make the var names line up';
if (something) {
console.log("tabbed, to indicate it's a child of a code block");
// But I tend to use 4 spaces when coding in python, as that's what the python
// expert I work with does.
View anzeige.html
<!-- Zweiter Versuch by @yatil --->
<!-- Nun auch mit Sprachauszeichnung. --->
<h1>Die führende <span lang="en">Social Media</span> Agentur Europas sucht:</h1>
<li><span lang="en">Online Designer</span> (<abbr title="männlich">m</abbr>/<abbr title="weiblich">w</abbr>)</li>
<li><span lang="en">Online</span> Konzeptionierer (<abbr title="männlich">m</abbr>/<abbr title="weiblich">w</abbr>)</li>
View sass_and_less_compared.markdown

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.