mturnwall

/*
	call this snippet after you call map.fitBounds();
	replace "map" with the instance to your map
	change the zoomThreshold to the zoom level you want the map never to zoom
	past when loading locations
*/
google.maps.event.addListenerOnce(map, 'zoom_changed', function() {
	var oldZoom = map.getZoom(),
  		zoomThreshold = 16;
	if (oldZoom > zoomThreshold) {

mturnwall

/**
*   Polyfill for Object.create()
*   use this to create new objects
*/
if (!Object.create) {
	Object.create = function (o) {
		if (arguments.length > 1) {
			throw new Error('Sorry the polyfill Object.create only accepts the first parameter.');
		}
		function F() {}

mturnwall

var temp = {a: 1, b: 2, c: 3};
var temp2 = [];
for (var propertyName in temp) {
    temp2.push(propertyName);
}
console.log(temp2);

mturnwall

@mixin placeholder($prefix) {
    [placeholder]::-#{$prefix}-placeholder {
        @if $prefix != moz {
            text-indent: 0;
            transition: text-indent 500ms ease-out;
        } @else {
            opacity: 0.5;
            transition: opacity 500ms ease-out;
        }
    }

mturnwall

Multilingual

A reliable way to get the browser's language on the front-end. It uses a back-end service at http://ajaxhttpheaders.appspot.com. That service returns the headers which contains the browser's preferred language in the "Accept-Language" header.

Usage

The ML object gets added to the browser's window object as the alias "multilingual". When the page loads you can simply call multilingual.init();. This will initate an ajax call to the service and set the multilingual.language property to whatever is returned in the "Accept-Language" header. This value is whichever language is set as the browser's top preference.

multilingual.init() makes a call to multilingual.getLanguage() with the multilingual.setLanguage() method as the callback. If you want to supply your own call back you can call multilingual.getLanguage() manually and supply your own callback. Your callback will need to accept the language string as the first parameter.

mturnwall

var deviceIs = (function () {
    var userAgent = navigator.userAgent,
        device = {
            type: (userAgent.match(/iphone|android|ipad/i)) ? userAgent.match(/iphone|android|ipad/i)[0] : false,
            fullVersion: false,
            majorVersion: false
        };
    if (device.type) {
        device.fullVersion = userAgent.match(/(OS|android)\s+([\d(\_|\.)]+)/i)[0].replace(/_/g,'.');
        device.majorVersion = device.fullVersion.match(/[0-9]/)[0];

mturnwall

Dot Navigation

Using some advanced SASS to calculate styles so that the transparency of the dots increases as the number of dots gets further away from the "active" dot.

A Pen by Michael Turnwall on CodePen.

License.

mturnwall

<div id="wrapper">
  <a href="#" class="thirtyDay"><strong><em>30 Day</em>Money Back Guarantee</strong></a>
  <a href="#" class="cta">Get a Number &amp; Sign Up &raquo;</a>
</div>

mturnwall

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@import "compass";
@mixin dots($total) {
	@for $i from 1 through $total {
		.s#{$i} {
			@include fadeDots($total, $i);

mturnwall

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

$social-icons: 
  (facebook, \e600, #fff, b, c),
  (twitter, \e601),
  (pinterest, \e602),
  (instagram, \e603),