10. January 2017

jQuery Knob … a dial to rule them all

Canvas based dial that adds mouse click, wheel mouse, keyboard and finger / touch events.

Really nice :)

jQuery Knob

10. January 2017

Paw – essential HTTP client to test your APIs

Paw is a full-featured HTTP client that lets you test the APIs you build or consume. It has a beautiful native OS X interface to compose requests, inspect server responses and generate client code out-of-the-box.

This is one of my go-to tools, when test-driving my API endpoints.

Paw for Mac

10. January 2017

Lakka – transform a small computer into a full blown gaming console

Lakka is a lightweight Linux distribution that transforms a small computer into a full blown game console.
Built on top of the famous RetroArch emulator.

Lakka

10. January 2017

Flatdoc – Markdown to documentation

Flatdoc is a small JavaScript file that fetches Markdown files and renders them as full pages. Essentially, it’s the easiest way to make open source documentation from Readme files.

No server-side components
No build process needed
Deployable via GitHub Pages
Can fetch GitHub Readme files
Gorgeous default theme (and it’s responsive)
Just create an HTML file and deploy!

GitHub

10. January 2017

Pronunciation Club (2015-2017)

The custom LMS / Learning experience is in development since 2015. We are currently in our early alpha / beta stages for our first learning experiences. I am the tech lead / senior developer for the startup and I have build a custom learning system from the ground up over the past months.

New way to learn languages / pronunciation
Course management
Course tree
Backend Data entry & organization
Student / course tracking
Complete Backend / Course Builder
Complete TWIG / Sass-based theme system
e-Commerce integration
Social Login
more …

Pronunciation Club

9. January 2017

Importing CSV files with HTML5 and Papa Parse!

Papa Parse is the powerful, in-browser CSV parser for big boys and girls :)
If you do need easy CSV parsing and conversion back to CSV, take a look at it!

// Parse CSV string
var data = Papa.parse(csv);

// Convert back to CSV
var csv = Papa.unparse(data);

// Parse local CSV file
Papa.parse(file, {
	complete: function(results) {
		console.log("Finished:", results.data);
	}
});

// Stream big file in worker thread
Papa.parse(bigFile, {
	worker: true,
	step: function(results) {
		console.log("Row:", results.data);
	}
});

// Parse CSV string

var data = Papa.parse(csv);

// Convert back to CSV

var csv = Papa.unparse(data);

// Parse local CSV file

Papa.parse(file, {

complete: function(results) {

console.log("Finished:", results.data);

}

});

// Stream big file in worker thread

Papa.parse(bigFile, {

worker: true,

step: function(results) {

console.log("Row:", results.data);

}

});

SIMPLE TESTDRIVE

 <input type="file" name="File Upload" id="txtFileUpload" accept=".csv" />

1	<input type="file" name="File Upload" id="txtFileUpload" accept=".csv" />

document.getElementById('txtFileUpload').addEventListener('change', upload, false);

 function upload(evt) {
  
	var data = null;
	var file = evt.target.files[0];
	var reader = new FileReader();
	reader.readAsText(file);
	reader.onload = function(event) {
		var csvData = event.target.result;
		
		 var data = Papa.parse(csvData, {header : true});
		
		console.log(data);
		
	};
	reader.onerror = function() {
		alert('Unable to read ' + file.fileName);
	};

}

document.getElementById('txtFileUpload').addEventListener('change', upload, false);

function upload(evt) {

var data = null;

var file = evt.target.files[0];

var reader = new FileReader();

reader.readAsText(file);

reader.onload = function(event) {

var csvData = event.target.result;

var data = Papa.parse(csvData, {header : true});

console.log(data);

};

reader.onerror = function() {

alert('Unable to read ' + file.fileName);

};

}

Papa Parse @ GitHUB

3. January 2017

GREENTONIC 2016 / 2017

SEO optimization and website updates. Better cross-linking of relevant data between the website & blog.

Consulting & Strategy
SilverStripe CMS
WordPress
Custom adjustments and templates
SEO & Analytics optimizations

GREENTONIC – greentonic.de

1. January 2017

Holland America Line – Cruise Tour 2015 / 2016 / 2017

Promotion and booking website for the Holland America Line Cruise Tour NL / BE / 2015 / 2016 / 2017

Headless WordPress
JSON API
Custom Plugin
Custom Theme
Responsive design
CSS3 / Javascript animations
Location / Time slot selection / Limited seats
Ticket Registration + Confirmation
Ticket Creation (Ticket amount, Location & Date, Registrant, QR- Verification )
PDF embed
Booking notifications & available seat monitoring
Data Export (Excel)
Custom analytics integration
Maintenance

Holland America Line – ontdekcruisen.nl

20. November 2016

Gravity Forms PHP Trait to send notifications and execute hooks on demand

When performing tasks using the Gravity Forms API, handling notifications and hook execution on demand is something that becomes really handy.

<?php

trait GravityForm{
	
	
	function GravityForm_send_notifications($form_id, $entry_id){

	  // Get the array info for our forms and entries
	  // that we need to send notifications for
  
	  $form 	= RGFormsModel::get_form_meta($form_id);
	  $entry 	= RGFormsModel::get_lead($entry_id);
  
	  // Loop through all the notifications for the
	  // form so we know which ones to send
  
	  $notification_ids = array();
  
	  foreach($form['notifications'] as $id => $info){
  
		  array_push($notification_ids, $id);
  
	  }
  
	  // Send the notifications
  
	  GFCommon::send_notifications($notification_ids, $form, $entry);

	}
	
	function GravityForm_execute_hooks($form_id, $entry_id){
	
	
		$form 				= GFAPI::get_form( $form_id );
		$entry 				= GFAPI::get_entry( $entry_id );
		$registered_addons 	= GFAddOn::get_registered_addons( );
		
		foreach( $registered_addons as $reg){
			if(method_exists($reg, "get_instance")){
				
				$execute = $reg::get_instance();				
				
				foreach($registered_addons as $addon){					
					
					$execute->maybe_process_feed( $entry, $form);
				}
			}
		}
		
		return true;
	}
		
	
}

<?php

trait GravityForm{

function GravityForm_send_notifications($form_id, $entry_id){

// Get the array info for our forms and entries

// that we need to send notifications for

$form = RGFormsModel::get_form_meta($form_id);

$entry = RGFormsModel::get_lead($entry_id);

// Loop through all the notifications for the

// form so we know which ones to send

$notification_ids = array();

foreach($form['notifications'] as $id => $info){

array_push($notification_ids, $id);

}

// Send the notifications

GFCommon::send_notifications($notification_ids, $form, $entry);

}

function GravityForm_execute_hooks($form_id, $entry_id){

$form = GFAPI::get_form( $form_id );

$entry = GFAPI::get_entry( $entry_id );

$registered_addons = GFAddOn::get_registered_addons( );

foreach( $registered_addons as $reg){

if(method_exists($reg, "get_instance")){

$execute = $reg::get_instance();

foreach($registered_addons as $addon){

$execute->maybe_process_feed( $entry, $form);

}

return true;

}

Enjoy coding ….

19. November 2016

Smart sticky elements with Sticky-Kit

Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

$("#sticky_item").stick_in_parent()
  .on("sticky_kit:stick", function(e) {
    console.log("has stuck!", e.target);
  })
  .on("sticky_kit:unstick", function(e) {
    console.log("has unstuck!", e.target);
  });

$("#sticky_item").stick_in_parent()

.on("sticky_kit:stick", function(e) {

console.log("has stuck!", e.target);

})

.on("sticky_kit:unstick", function(e) {

console.log("has unstuck!", e.target);

});

Sticky Kit