tillsanders

sips -Z 640 *.jpg

tillsanders

$(document).ready(function() {
  // Hidden Mailtos
  $('span.inyourfacespambot').click(function() {
    var str = $(this).text();
    var re = /^(.+?@).*@(.*)$/gmi;
    var m;
    while ((m = re.exec(str)) !== null) {
      if (m.index === re.lastIndex) {
        re.lastIndex++;
      }

tillsanders

Generate mobile-first SASS-Stylesheets for IE

I copied this code from chriseppstein, because it is great :)

Okay, here we go: Put this somewhere in your SASS-files. E.g. _vars.scss oder _helpers.scss, etc.

$media-queries: true !default;
$media-query-free-breakpoint: 1300px;
@mixin respond-to($min-width, $max-width: false) {

tillsanders

(function ($) {
    $.fn.adjustAt = function(options) {
        var elements = $(this);
        // Default settings merged with received options
        var settings = $.extend({
            width: 0,
            above: function(element) {},
            below: function(element) {},
            aboveRepeat: function(element) {},
            belowRepeat: function(element) {}

tillsanders

$.fn.centerPosition = function() {
    "use strict";

    var $targets = $(this);

    if (!$targets.length) {
        $targets = $('.centered:visible');
    }

    $targets.each(function() {

tillsanders

Notes

• div.controls is vital for autoplay functionality

tillsanders

$(window).scroll(function() {
	var current = $('main section').map(function(){
		if($(this).offset().top < $(window).scrollTop() + $(window).height() / 2) {
			return $(this);
		}
	});
	current = current.last().get(0);
	$('nav.main a').removeClass('active');
	$('a[href=#' + current.attr('id') + ']').addClass('active');
});

tillsanders

// Found at Stackoverflow: http://stackoverflow.com/questions/6060992/element-with-the-max-height-from-a-set-of-elements
// Credits to http://stackoverflow.com/users/139010/matt-ball
var maxHeight = Math.max.apply(null, $("li").map(function ()
{
	return $(this).height();
}).get());

tillsanders

Useful regex stuff I wrote

Make links clickable:

$re = "/((?:http:\/\/|www\.).*)(?:\s|$)/U";
$html = preg_replace($re, '<a href="$1" target="_blank">$1</a> ', $plain);

---

tillsanders

The You-will-be-in-mortal-danger-if-you-dont-follow-this-checklist-checklist

Common pitfalls

• Caching and temporary directories accessible (permissions!) by webserver
• Webfonts available for production domain

Security

• Are email adresses (a little) protected?
• Do you need a captcha somewhere?
• Debug disabled