McKabue

(function ($) {

    $.fn.EventHandler = function (options) {
        var defaults = $.extend({}, options), $element, $eventsArray = [], $activityArray = [];

        $element = $(this);


        if (options.onEvent.length != 0) {
        if(options.startEvent){

McKabue

var o = {
  "firstName": "John",
  "lastName" : "doe",
  "age"      : 26,
  "arr":[1,2,3],
  "address"  : {
    "streetAddress": "naist street",
    "city"         : "Nara",
    "postalCode"   : "630-0192"
  },

McKabue

ko.bindingHandlers.kocalender = {
        init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var value = valueAccessor(),
                instanceOptions = $.extend({
                    previousYearSelector: ".previousyear",
                    nextYearSelector: ".nextyear",
                    previousMonthSelector: ".previousmonth",
                    nextMonthSelector: ".nextmonth",
                    eventTemplate: '<div data-id="{{id}}" class="event">{{name}}</div>',
                    dateCallbacks: [

McKabue

Vue.js Lessons and Features I would love to see

Vue.js: Lessons

1. el: can be string | HTMLElement, but never body or html
   • http://optimizely.github.io/vuejs.org/api/instantiation-options.html#el
   • https://vuejs.org/v2/api/#el
2. Vue Global Components will not work in some html structure
   • Doesnt Work ,
   • Works
3. template: you can configure the directive prefix to start with data-

• http://optimizely.github.io/vuejs.org/api/instantiation-options.html#template

McKabue

if (!Element.prototype.fullScreen) {
    var full_screen = function (element) {
        var self = this;

        this.change = null;
        var isFullScreen = this.isFullScreen = function () {
            return (document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen || document.msFullscreenElement) ? true : false;
        };
        this.requestFullScreen = function () { //https://stackoverflow.com/a/33768712
            // Supports most browsers and their versions.

McKabue

font-size:calc(12px + 1.5vw);

/*
* How to set min-font-size in CSS
* https://stackoverflow.com/a/37836926
* This is because the static part of calc() defines the minimum.
* Even though the dynamic part might shrink to something near 0.
*/

McKabue

if ('history' in window) {
    window.history.__pushState = window.history.pushState;
    window.history.pushState = function (_data, _title, _url) {
        window.history.__pushState(null, null, _url);
        window.document.title = _title;
    };

    window.history.__replaceState = window.history.replaceState;
    window.history.replaceState = function (_data, _title, _url) {
        window.history.__replaceState(null, null, _url);

McKabue

function heidiDecode(hex) {
    var str = '';
    var shift = parseInt(hex.substr(-1));
    hex = hex.substr(0, hex.length - 1);
    for (var i = 0; i < hex.length; i += 2)
      str += String.fromCharCode(parseInt(hex.substr(i, 2), 16) - shift);
    return str;
}
document.write(heidiDecode('755A5A585C3D8141786B3C385E3A393'));

McKabue

Google Docs Viewer

Only files under 25 MB can be previewed with the Google Drive viewer.

Google Drive viewer helps you preview over 16 different file types, listed below:

• Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP)
• Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV)
• Text files (.TXT)
• Markup/Code (.CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS)
• Microsoft Word (.DOC and .DOCX)

McKabue

// 
// https://stackoverflow.com/a/40530033
// 
// ----
// libsass (v3.3.6)
// ----

// =========================================================================
//
//  PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS