advitum

<?php
	
	function humanFileSize($size, $german = true) {
		$fileSizePrefixes = array('k', 'M', 'G', 'T', 'P');
		
		$size = intval($size);
		
		$prefix = -1;
		while($size > 1024 / 5 && $prefix < count($fileSizePrefixes) - 1) {
			$size /= 1024;

advitum

Sorting tables with drag and drop

We start with a simple HTML table:

<table class="sortable">
	<tbody>
		<tr data-id="1">
			<td>Some content</td>

advitum

$columnCount: 12;
$columnWidth: 64px;
$gutterWidth: 20px;

@mixin clear {
	&::after {
		content: "";
		width: 100%;
		height: 0px;
		display: block;

advitum

//http://maps.google.com/maps/api/js?sensor=false

var position = [xxx, xxx];
$('#map').each(function() {
	var map;
	
	var latlng = new google.maps.LatLng(position[0], position[1]);
	var center = new google.maps.LatLng(position[0], position[1]);

	map = new google.maps.Map($(this).get(0), {

advitum

Add a quick backend to CakePHP

Add to config/core.php:

<?php
Configure::write('Routing.prefixes', array('admin'));

advitum

$gridColumnCount: 12;
$gridGutterWidth: 40px;
$gridMaxWidth: 1400px;

@mixin clearfix {
	&::after {
		clear: both;
		content: "";
		display: block;
		height: 0px;

advitum

<?php
	
	global $post;
	$page = get_option('page_for_posts');
	$post = get_page($page);
	
	setup_postdata($post);
	
?>

advitum

function createSvgElement(tag, attributes) {
	var element = document.createElementNS('http://www.w3.org/2000/svg', tag);
	for(var k in attributes) {
		element.setAttribute(k, attributes[k]);
	}
	return element;
}

advitum

(function(messageContent) {
	var cookieName = 'cookiePolicyHide';
	function hideMessage() {
		message.parentNode.removeChild(message);
		document.cookie = cookieName + '=1;path=/';
	}
	function messageHidden() {
		var cookies = document.cookie.split(';');
		for(var index = 0; index < cookies.length; index++) {
			while(cookies[index].charAt(0) === ' ') {

advitum

function Datepicker($input) {
	var datepicker = this;
	
	datepicker.$input = $input;
	
	$input.on('click', function(event) {
		event.stopPropagation();
	}).on('focus', function() {
		datepicker.open();
	});