31. October 2014

Using Web RTC in your web application

web_rtc

IN A PERFECT WORLD

In a perfect world all current browsers would allow the usage of WebRTC natively, but that is as always not the case ;)

WHAT IS WEBRTC ?

“WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without the need of either internal or external plugins.” – Wikipedia

Continue reading Using Web RTC in your web application

17. October 2014

Checking GZIP compression of websites in the Terminal

Using WGET

wget --header='Accept-Encoding: gzip' -SO /dev/null http://www.domain.com

1

wget --header='Accept-Encoding: gzip' -SO /dev/null http://www.domain.com
Using CURL

curl -I -H 'Accept-Encoding: gzip,deflate' http://www.domain.com

1

curl -I -H 'Accept-Encoding: gzip,deflate' http://www.domain.com

16. April 2014

List of all countries with names and ISO 3166-1 codes in all languages

The GitHub repository from Saša Stamenković provides a nice list of all countries with names and ISO 3166-1 codes.

Available formats are:

Text
JSON
YAML
XML
HTML
- Select
- Flags
CSV
SQL
- MySQL
- PostgreSQL
- SQLite
- SQL Server
PHP

Github

16. April 2014

Free IP geolocation databases

Sometimes when personalizing or translating interfaces, IP geolocation is required.

Maxmind Geolite Free

Besides their subscription based products Maxmind also provides a free IP Geolocation database set. The set is offered under the Creative Commons Attribution-ShareAlike 3.0 Unported License. The free databases maps IPv4 + IPv6 addresses and is being updated once a month. GeoLite Free Downloadable Databases

IP2Location Lite

Another free set of data is provided by IP2location Lite. It is free for personal or commercial use with attribution required

16. April 2014

JSON Date (.NET) to PHP timestamp

The JSON spec allows integers, fractional numbers, strings, arrays, but when it comes to dates things are handled differently. There really is no date format in the JSON spec. Would be nice if every JSON date output would conform to ISO8601 :)

// Ruby
2011-07-14 19:43:37 +0100

//ISO 8601
2011-07-14T19:43:37+0100

// Javascript Date Object
new Date(1310669017000)

// Javascript built-in JSON object
2012-04-23T18:25:43.511Z

// .NET JavaScriptSerializer
Date(1310669017000)

// .NET DataContractJsonSerializer
Date(1335205592410-0500)

// Ruby

2011-07-14 19:43:37 +0100

//ISO 8601

2011-07-14T19:43:37+0100

// Javascript Date Object

new Date(1310669017000)

// Javascript built-in JSON object

2012-04-23T18:25:43.511Z

// .NET JavaScriptSerializer

Date(1310669017000)

// .NET DataContractJsonSerializer

Date(1335205592410-0500)

Some of these can easily be converted to a PHP timestamp using strtotime(), others require some more magic.

Here is a way to transform the .NET variant, something that has been haunting me in a current project ;)

preg_match('~(\d+)\d{3}((?:\+|-)\d+)~',  $date, $match);
$dt = new DateTime('@' . $match[1]);
$dt = new DateTime($dt->format('Y-m-d H:i:s') . ' ' . $match[2]);
$date =  strtotime($dt->format('r'));

preg_match('~(\d+)\d{3}((?:\+|-)\d+)~', $date, $match);

$dt = new DateTime('@' . $match[1]);

$dt = new DateTime($dt->format('Y-m-d H:i:s') . ' ' . $match[2]);

$date = strtotime($dt->format('r'));

Due to the wide usage of JSON as an exchange format, I really hope we will see a spec update in the future :)

5. February 2014

PhantomJS – Full web stack / screen capture

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

PhantomJS

5. February 2014

Snap.svg Framework

The JavaScript SVG library for the modern web. Just what the doctor ordered ;)

Snap.svg

3. February 2014

Google App Engine PHP + Parse.com + Rest

The Google App Engine has no cURL support, which means that all REST calls need to be executed using file_get_contents.

As Parse REST calls need to be secure, you need to make sure that you send the request with a proper SSL context.

Short example of adding data using the Parse REST API from a Google App Engine application:

$data = array('data1' => 1113,
              'data2' => 'Alex',
              'data3' => false);
$context =
    array(
        "ssl"=>array(
            "allow_self_signed"=>true,
            "verify_peer"=>false,
        ),
        'http'=>
        array(
            "method" => "post",
            "header" => "X-Parse-Application-Id: YourAppID\r\n" .
                "X-Parse-REST-API-Key: YourRESTID\r\n" .
                "Content-Type: application/json\r\n",
                "content" => json_encode($data)

        )

    );
$context = stream_context_create($context);
$result = file_get_contents("https://api.parse.com/1/classes/yourClass", false, $context);

$data = array('data1' => 1113,

'data2' => 'Alex',

'data3' => false);

$context =

array(

"ssl"=>array(

"allow_self_signed"=>true,

"verify_peer"=>false,

'http'=>

array(

"method" => "post",

"header" => "X-Parse-Application-Id: YourAppID\r\n" .

"X-Parse-REST-API-Key: YourRESTID\r\n" .

"Content-Type: application/json\r\n",

"content" => json_encode($data)

)

);

$context = stream_context_create($context);

$result = file_get_contents("https://api.parse.com/1/classes/yourClass", false, $context);

19. December 2013

Consider PhoneJS for your next mobile app

“PhoneJS contains everything you’ll need to create native client applications using HTML5 and JavaScript with a single codebase and deliver solutions that target today’s most popular smartphones and tablet devices.

With a touch-optimized user experience, natively rendered widgets, straightforward page navigation, view management, and data access layers, PhoneJS is a single page application (SPA) framework for your next iOS, Android and WindowsPhone application, ready for online publication or packaged as a store-ready native app using Apache Cordova (PhoneGap).”

Really thinking about using it for one of my upcoming projects. Best documentation I have seen for a long time. Will build a test app next year :)

PhoneJS

26. November 2013

Magic Effects – CSS3 animation framework

Magic is a CSS3 framework with many unique animations. Its simple to use and most of the animations are cross-browser.