10. Januar 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. Januar 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. Januar 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. Januar 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

3. Januar 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. Januar 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

17. November 2016

WP REST API rendered output & Visual Composer

Visual Composer shortcodes are normally not converted within the WordPress REST API rendered output.

This can be accomplished by calling WPBMap::addAllMappedShortcodes();

add_action( 'rest_api_init', function ()
{
   register_rest_field(
          'page',
          'content',
          array(
                 'get_callback'    => 'convert_do_shortcodes',
                 'update_callback' => null,
                 'schema'          => null,
          )
       );
});

function convert_do_shortcodes( $object, $field_name, $request )
{
   WPBMap::addAllMappedShortcodes(); // This does all the work

   global $post;
   $post = get_post ($object['id']);
   $output['rendered'] = apply_filters( 'the_content', $post->post_content );

   return $output;
}

add_action( 'rest_api_init', function ()

{

register_rest_field(

'page',

'content',

array(

'get_callback' => 'convert_do_shortcodes',

'update_callback' => null,

'schema' => null,

)

);

});

function convert_do_shortcodes( $object, $field_name, $request )

{

WPBMap::addAllMappedShortcodes(); // This does all the work

global $post;

$post = get_post ($object['id']);

$output['rendered'] = apply_filters( 'the_content', $post->post_content );

return $output;

}

16. November 2016

Run something when a DOM element appears and when it exits – onmount

onmount allows you to detect when a DOM element appears and when it exits. No dependencies!

onmount = require('onmount')

onmount('.push-button', function () {
  $(this).on('click', function () {
    alert('working...')
  })
})

onmount = require('onmount')

onmount('.push-button', function () {

$(this).on('click', function () {

alert('working...')

})

onmount