darkworks

The Y-axis in an SVG document points towards the bottom of the page, that is the Y value increases the further down the page 
you go. When positioning items in a maths or physics context however it is more appropriate to have the Y-axis pointing up 
the page like a normal coordinate system. We can provide an affine transformation matrix to a g element's transform 
attribute that flips the Y-axis for its children.

Let the value of the viewBox attribute of the document's SVG element equal "0 0 w h". Suppose we want a coordinate system
whose origin is at the centre of the viewbox and whose Y-axis points up to the top of the page.
 
    (0, 0)
       O_ _ _ _ _ _ _ _\ X  (Default SVG coordinate system/frame)

darkworks

function trimSvgWhitespace() {

  // get all SVG objects in the DOM
  var svgs = document.getElementsByTagName("svg");

  // go through each one and add a viewbox that ensures all children are visible
  for (var i=0, l=svgs.length; i<l; i++) {

    var svg = svgs[i],
        box = svg.getBBox(), // <- get the visual boundary required to view all children

darkworks

///////////////////////////////////////////////////////////////////////////////////////
// This program uses the ESP8266 Wifi module to access a webpage. It's an adaptation of
// the program discussed at http://hackaday.io/project/3072/instructions
// and shown here http://dunarbin.com/esp8266/retroBrowser.ino .
//
// This program was ported to the ZPUino 2.0, a softcore processor that runs on an FPGA
// and emulates an Arduino.
//
// This program works with version 00160901 of the ESP8266 firmware.
///////////////////////////////////////////////////////////////////////////////////////

darkworks

#301 Redirects for .htaccess

#Redirect a single page:
Redirect 301 /pagename.php http://www.domain.com/pagename.html

#Redirect an entire site:
Redirect 301 / http://www.domain.com/

#Redirect an entire site to a sub folder
Redirect 301 / http://www.domain.com/subfolder/

darkworks

<?php
class ImageManipulator
{
    /**
     * @var int
     */
    protected $width;

    /**
     * @var int

darkworks

@media only screen and (min-width: 1240px)
#Wrapper, .with_aside .content_wrapper {
    max-width: 1210px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  /* Styles */

darkworks

function Animation(canvasId, fps) {
  this.canvas = document.getElementById(canvasId);
  this.drawingContext = this.canvas.getContext('2d');
  this.fps = fps;
  this.drawing = {};
  this.frame = 0;
  this.start();
}

Animation.prototype.start = function() {

darkworks

The One Secret Trick To Becoming A Genius Programmer

Okay, the title of this post is a bit of a lie. There's no one secret trick to becoming a genius programmer - there are two, and they're more habits than tricks. Nevertheless, these kind of 'secret tricks' seem to resonate with people, so I went for this title anyway.

Every once in a while, a somewhat strange thing happens to me. I'll be helping somebody out on IRC - usually a beginner - answering a number of their questions in rapid succession, about a variety of topics. Then after a while, they call me a "genius" for being able to answer everything they're asking; either directly, or while talking about me to somebody else.

Now, I don't really agree with this "genius" characterization, and it can make me feel a bit awkward, but it shows that a lot of developers have a somewhat idealistic and nebulous notion of the "genius programmer" - the programmer that knows everything, who can do everything, who's never stumped by a problem, and of which ther

darkworks

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  

darkworks

/**
 * Generate and return a random characters string
 *
 * Useful for generating passwords or hashes.
 * 
 * The default string returned is 8 alphanumeric characters string.
 *
 * The type of string returned can be changed with the "type" parameter.
 * Seven types are - by default - available: basic, alpha, alphanum, num, nozero, unique and md5. 
 *