jsakhil

<?php namespace Anomaly\FormsModule;

use Anomaly\FormsModule\Form\Contract\FormRepositoryInterface;
use Anomaly\Streams\Platform\Addon\Plugin\Plugin;
use Anomaly\Streams\Platform\Assignment\Contract\AssignmentInterface;
use Anomaly\Streams\Platform\Entry\Contract\EntryInterface;
use Anomaly\Streams\Platform\Support\Decorator;
use Anomaly\Streams\Platform\Support\Presenter;

/**

jsakhil

<form method="POST" action="/our/url">
    <textarea name="input" onChange="save(event)" />
</form>

<script language="javascript">
function save(event) {
    var request = new XMLHttpRequest();
    request.open(event.target.form.method, event.target.form.action);
    request.send(new FormData(event.target.form));
}

jsakhil

.grid_wrap {
    width: 100%;
    max-width: 100%;
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-auto-rows: 1fr;
    grid-auto-flow: row dense;
    grid-gap: 10px;
    counter-reset: boxes;

jsakhil

<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>

<div class="signature-wrap">
  // Add Form field signature_base_64 and assign it to the form, Field type must be WYSIWYG
  <input type="hidden" class="signature_base_64" name="signature_base_64" value="" />
  <div id="signature-pad">
    <div class="custom-signature-pad--body">
      <canvas id="custom-signature-pad" width="398" height="160" style="touch-action: none;"></canvas>
    </div>

jsakhil

$(function() {
    var $el = $('.parallax-background');
    $(window).on('scroll', function () {
        var scroll = $(document).scrollTop();
        $el.css({
            'background-position':'50% '+(-.4*scroll)+'px'
        });
    });
});

jsakhil

function isOnScreen(elem) {
	if( elem.length == 0 ) {
		return;
	}
	var $window = jQuery(window)
	var viewport_top = $window.scrollTop()
	var viewport_height = $window.height()
	var viewport_bottom = viewport_top + viewport_height
	var $elem = jQuery(elem)
	var top = $elem.offset().top

jsakhil

// DYNAMIC SLICK DOTS
function dynamic_slick_dots(slickItem, slickLimit){
  if($(slickItem).length < slickLimit){
    $(slickItem).parents('.slick-slider.slick-dotted').find('ul.slick-dots').hide();
  }
}

// DYNAMIC SLICK DOTS
dynamic_slick_dots('.slick_slide:not(.slick-cloned)', 4);

jsakhil

/* SAFARI ONLY */
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) {
		/* Define here the CSS styles applied only to Safari browsers (any version and any device)*/
	}
}
/* SAFARI ONLY */

jsakhil

$('section').on('mouseenter', function(event) {
	$('body').on('scroll mousewheel touchmove', stopScrolling);
});
$('section').on('mouseleave', function(event) {
	$('body').off('scroll mousewheel touchmove', stopScrolling);
});
function stopScrolling(e) {
  e.preventDefault();
  e.stopPropagation();
  return false;

jsakhil

Handlebars is a semantic web template system, started by Yehuda Katz in 2010.
Handlebars.js is a superset of Mustache, and can render Mustache templates in addition to Handlebars templates.
More: http://handlebarsjs.com/


1. Expressions.

1.1 Basic usage.