JSFiddle

  • Materialize Colors #1 is the latest revision

    jQuery 2.2.4, HTML, CSS, JavaScript

    $(function (){
    
    const hex = function(x) {
    	return ("0" + parseInt(x).toString(16)).slice(-2);
    };
    const colorFormat = function (rgbString)
    {
    	const regexRgb = /^\s ...
  • mockup-20170824-01

    mockup 20170824 01

    $('.our-products-carousels').slick({
    	responsive: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      // fade: true,
      infinite: true,
      speed: 500,
    })
  • Materialize Colors

    jQuery 2.2.4, HTML, CSS, JavaScript

    $(function (){
    
    const hex = function(x) {
    	return ("0" + parseInt(x).toString(16)).slice(-2);
    };
    const colorFormat = function (rgbString)
    {
    	const regexRgb = /^\s ...
  • Mini 2048 Game as jQuery plugin

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(function (){
    
    	var $tofe = $('#tofe'),
      	$gameLog = $('.gamelog');
      
    	var updateGameData = function (move, score, lastDir)
      {
      	$gameLog.find('.move').text(move);
      	$gameLog.find('.score ...
  • จำนวนครั้งที่ข้าพเจ้าโดนเทเลเซลล์ระบุสังกัดโทรเสนอขายบัตรเครดิตหรือประกันฯ #32 is the latest revision

    เก็บสถิติส่วนตัวฮะ :P

    let chart, _dat = {},
    	meta = {
    		scb : '#582584',
        tmb : '#0076c0',
        cimb : '#C10020',
        cigna : '#0082c8',
        ktc : '#b76842',
    	},
    	data = [
    		'scb', 'cigna', 'tmb', 'tmb', 'cimb ...
  • Adblock detection

    Adblock detection using FuckAdBlock & workaround.

    jQuery(function(){
    
    	var $resultDisplay = jQuery('#adblock-state'); // adblock detection result display
      
    	var ABDetected = function ()
    	{
      	// adblock detected or possible adblock exists
    		$resultDisplay ...
  • body.grayscale

    jQuery 1.9.1, HTML, CSS, JavaScript

    /**
    *	@require jQuery
    *	@require js-cookie
    **/
    
    var FG = {
    	cookieName : 'force_grayscale', // ชื่อ cookie สำหรับจำค่า
    	element : 'body', // element selector สำหรับเซ ...
  • Birthday problem example

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(function(){
    
    	var thMonth = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก ...
  • ควย

    No-Library (pure JS), HTML, CSS, JavaScript

    ค='',ว=!ค+ค,ย=!ว+ค,คค={},คว=ค+คค,คย=ว[ค++],วค=ว[วว=ค],วย=++วว ...
  • table#minesweeper #9 is the latest revision

    jQuery 1.12.0, HTML, CSS, JavaScript

    function _log(data)
    {
    	// console.log(data);
    }
    
    var minesweeper_obj = {
    
    	defaults : {
    		dimension : {
    			width : {
    				defaultValue : 12,
    				min : 4,
    				max : 20,
    			},
    			height : {
    				defaultValue : 15 ...
  • Game of Thrones Theme using Band.js

    jQuery 1.11.0, HTML, CSS, JavaScript

    // > raw notes converter
    var raw_notes_convert = function(ins, raw_notes) {
      var self = this;
    
      self.instance = null;
      self.notes = [];
      self.divider = 16;
      self ...