bosmanbv.com

bosman_featured

Realisatie website op basis van WordPress met theme op maat in PHP, JavaScript en HTML/CSS

Translate decimal coordinates to degrees, minutes, hemisphere in PHP

map

Here’s how:

/**
 * * Helper function to translate lat or long coords in decimal degrees, to their degrees, minutes, hemisphere counterparts
 * @param $data
 * @param $lat_or_long
 * @return array
 */
function zar_calc_deg($coords, $lat_or_long) {
    $unfloat = explode('.', $coords);
    $deg = $unfloat[0];

    if ($coords < 0) {
        $deg = $deg * -1;
        $hem = ('long' == $lat_or_long) ? 'W' : 'S';
    } else {
        $hem = ('lat' == $lat_or_long) ? 'N' : 'E';
    }

    if (!isset($unfloat[1])) $unfloat[1] = 0;
    $mins = floor(($unfloat[1]/100) * 60);

    return array($lat_or_long.'_deg' => $deg, $lat_or_long.'_mins' => $mins, $lat_or_long.'_hem' => $hem);
}

Realisatie conceptstorevantwout.nl

snapshot

Realisatie website op basis van Bigformat WordPress thema met PHP, JavaScript, HTML en CSS

Very custom WordPress SELECT

magnifying-glass-copy

The following scripts allow a very custom selection of WordPress posts. This is not a ‘how-to’ type of post. It is just a code dump of a solution for a very specific problem. Hopefully it can inspire people that happen to end up here in search of solutions for their own specific WordPress custom select queries. I don’t think I can help you any further than this, so asking for help probably doesn’t bring you any further (sorry). You’ll have to figure out how to apply this for yourself.

Keep an eye on http://core.trac.wordpress.org/ticket/15031 for the progress of the implementation of ordering based on multiple meta keys in the WP core.

In this example, a selection of posts with a custom post type is ordered by multiple meta keys, then filtered based on multiple taxonomies and paginated. Subsequently I add some details about getting the taxonomies that the selected posts are linked with and getting the total post count in the template.

Lees meer

Brasserie de Koepel mobiel

brasseriedekoepel_mobile

Om bezoekers van brasseriedekoepel.nl op een mobiel apparaat ook een prettige gebruikservaring te bieden, realiseerde ik een aparte mobiele pagina.  Deze HTML pagina biedt snelle toegang tot de belangrijkste informatie. Wil je toch meer, dan kun je altijd de website voor desktops bereiken.

Met behulp van de scripts die worden aangeboden op http://code.google.com/p/php-mobile-detect realiseerde ik de doorverwijzing naar de mobiele site voor mobiele apparaten. Ongeacht deze scripts blijft de desktop variant altijd bereikbaar, indien gewenst.

Lees meer

Invitr

header

Invitr is iteratie op een eerder project voor RedFlags: Redflags Project X – MailChimp HTML e-mail template.

Invitr koppelt een MailChimp HTML e-mail campagne middels twee knoppen aan een registratiesysteem waarin reacties worden bijgehouden. Via dit systeem kunnen mensen uitgenodigd worden voor een evenement. De organisator kan vervolgens gemakkelijk uitlezen wie komt, en wie niet, in de Invitr Registration Module.

gebrvanderlelij.nl

lelij_responsive_small

Realisatie website op basis van WordPress met Centum theme in PHP en HTML/CSS

Kampfotografie.nl

gallery_home

Realisatie kampfotografie.nl op basis van WordPress met PHP, JavaScript en HTML/CSS.

Lees meer

Ning.com sidebar banner widget

large

Deze sidebar widget maakt het mogelijk om een ‘loop‘ van afbeeldingen samen te stellen die steeds uitfaden, voor als banner in een sidebar op Ning.com. De widget wordt beschreven op het Blackhatters blog. Er is een demo (username/wachtwoord is vrij) en de broncode is beschikbaar voor download.

Lees meer

jQuery photo slider: stacked slider

stacked-slider

A recent project I did required a new type of photo slider in which slides would appear to be stacked or rather, where ‘sliding’ works like unstacking the slides. Also, this slider had to loop, so that every page that was unstacked would be added to the bottom of the stack again. You can see the demo or download the source on http://demo.pimschaaf.nl/stacked-slider.

A description of the exact workings of the scripts that hide behind the visuals is featured on the Blackhatters blog where I detail the HTML/CSS and jQuery I used to create this effect.