Thomas Seng Hin Mak makzan

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

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

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

## empty-touch-start.js
document.addEventListener("touchstart", function(){}, true);

## examples.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                makzan
                / examples.md
            
            
              Last active
              February 16, 2016 11:14
            
              
                Code examples for CM419-01-2016-c
              
          
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


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

## jquery-in-function.js
(function($){
  console.log('$ sign is referenced to jQuery: ', $);

  $('#test-element').fadeOut().fadeIn();

})(jQuery);

## question.php
<?php
    $is_correct = false;
    $answer = "";

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

## hello-day.php
<?php
    $name = "Thomas";
    $day = date( "l");

?>
<!DOCTYPE html>
<title>Hello PHP</title>
<h1>Hello <?= $name ?></h1>
<p>
    It's <?= $day ?> today.

## hello-day-20170909.php
<?php
  $name = "PCMS PHP Class";
  $day = date("l");
?>

<h1><?= $name ?></h1>
<p>
  Welcome to the <?php echo $name ?>.
  It is <?= $day ?> today.
</p>
	.latest-post-title-inline {
	display: inline-block;
	}
	.latest-post-title-inline:first-letter {
	text-transform: lowercase;
	}
	.hyphenate
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
	.target-element {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	origami('#demo-1')
	.flip('horizontal')
	.image('images/person.jpg', 0, 0, 200, 200)
	(function($){
	console.log('$ sign is referenced to jQuery: ', $);

	$('#test-element').fadeOut().fadeIn();

	})(jQuery);
	<?php
	$is_correct = false;
	$answer = "";

	if (isset($_POST['answer'])) {
	$answer = $_POST['answer'];
	if ($answer == 150) {
	$is_correct = true;
	}
	}
	<?php
	$name = "Thomas";
	$day = date( "l");

	?>
	<!DOCTYPE html>
	<title>Hello PHP</title>
	<h1>Hello <?= $name ?></h1>
	<p>
	It's <?= $day ?> today.
	<?php
	$name = "PCMS PHP Class";
	$day = date("l");
	?>

	<h1><?= $name ?></h1>
	<p>
	Welcome to the <?php echo $name ?>.
	It is <?= $day ?> today.
	</p>