makzan

<?php
    $is_correct = false;
    $answer = "";

    if (isset($_POST['answer'])) {
        $answer = $_POST['answer'];
        if ($answer == 150) {
            $is_correct = true;
        }
    }   

makzan

(function($){
  console.log('$ sign is referenced to jQuery: ', $);  
  
  $('#test-element').fadeOut().fadeIn();
  
})(jQuery);

makzan

origami('#demo-1')
  .flip('horizontal')
  .image('images/person.jpg', 0, 0, 200, 200)

makzan

• JavaScript this
• Input examples
• Input placeholder bad example
• An example of styling range input for mobile device
• Canvas Example
• Canvas Example (Refactor)
• Canvas Gradient Example
• Canvas Composite Animated Example
• Canvas Composite + Mouse Event Exmaple
• Canvas Drawing Pad Example

makzan

document.addEventListener("touchstart", function(){}, true);

makzan

.target-element {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

makzan

.hyphenate
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

makzan

.latest-post-title-inline {
	display: inline-block;
}
.latest-post-title-inline:first-letter {
	text-transform: lowercase;	
}

makzan

class App {
  constructor() {

    this.canvas = document.getElementById("app-canvas");
    this.stage = new createjs.Stage(this.canvas);

    this.retinalize();

    createjs.Ticker.setFPS(60);

makzan

[user]
    name = Thomas Seng Hin Mak
    email = [email protected]
[core]
    editor = nano
    whitespace = off
    excludesfile = ~/.gitignore
[advice]
    statusuoption = false
[color]