JiLiZART

Intro

http://socialdriver.com/2012/07/20-best-responsive-websites/ lists 20 sites that are supposedly best-in-class when it comes to responsive design techniques. I had a look at the viewport meta tags used in these sites.

Findings

• All sites use width=device-width, with in most cases an additional initial-scale=1. This is good practice.

However:

• 8 sites turn off pinch-zooming by setting maximum-scale to 1, or using user-scalable=no. While there are some corner use cases for this, it does not make sense to do this on text-heavy sites as it impairs accessibility.
• 3 sites use semi-colons as delimiters between viewport values. While this works in newer mobile browsers, it's not officially supported, and breaks in older mobile browser versions.
• 1 site has 2 viewport meta tags (with different values) in the source...

JiLiZART

(function($) {

    function parseUrl(url) {
        var parser = document.createElement('a');
        parser.href = url; //"http://example.com:3000/pathname/?search=test#hash";
        return parser;
    };

    /**
     *  url.protocol; // => "http:"

JiLiZART

<?php

/**
 * Bit Flag Marker for model
 */
class HBitFlagBehavior extends CActiveRecordBehavior {
	
	
	const FLAG_MANAGE_BLOCKED=0;