SiamKreative’s gists

## ga-snippet.html
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
              SiamKreative
            / README.md
          
          
            Last active Jan 9, 2017
          
          
            Boostrap 4 Navbar Fixed to top. Placement using JavaScript
          
        
      View README.md
  
    
    What Is This?
This is for the fixed to top version of the Boostrap 4 navbar. Instead of setting the padding and top position in CSS, let's use JavaScript to get it dynamically.
How To Use?
It is best to use the pure JavaScript version. It will be executed earlier since it does not require jQuery to be loaded. The vanilla JavaScript version can be used in the <head> section.
If you are a performance concerned developer, your scripts are probably in the footer just before </body>. Therefore, there might be a slight delay before the jQuery snippet is executed. This can lead to elements jumping around...

  
## sublime_key_bindings.json
[{
	"keys": ["f12"],
	"command": "chain",
	"args": {
		"commands": [
			["reindent", {
				"single_line": false,
				"detect_indentation": false,
				"tab_size": 4,
				"translate_tabs_to_spaces": true

## wpbp-grid.php
<div id="<?php echo $project->get_field( 'id' ); ?>" class="col-sm-3 wpbp-mix <?php echo $fields; ?>" data-pubdate="<?php echo $project->get_field( 'published_on' ); ?>">
	<figure>
		<a class="wpbp-project-imglink ta-modal-launch" href="#wpbp-project-<?php echo $project->get_field( 'id' ); ?>"><img src="<?php echo $project_cover; ?>" alt="<?php echo $project->get_field( 'name' ); ?>" class="img-responsive"></a>
		<figcaption>
			<div class="wpbp-valign">
				<div class="wpbp-valign-inner">
					<div class="wpbp-project-title"><?php echo $project->get_field( 'name' ); ?></div>
					<div class="wpbp-project-fields"><?php echo implode( ', ', $project->get_fields() ); ?></div>
					<a class="wpbp-project-more ta-modal-launch" href="#wpbp-project-<?php echo $project->get_field( 'id' ); ?>"><?php echo $button_label; ?></a>
				</div>

## as_custom_fields.php
<?php
/**
 * Register all custom fields after the plugin is safely loaded.
 */
add_action( 'plugins_loaded', 'wpas_user_custom_fields' );
function wpas_user_custom_fields() {
	if ( function_exists( 'wpas_add_custom_field' ) ) {
		wpas_add_custom_taxonomy( 'my_custom_services', array( 'title' => 'My Custom Services', 'label' => 'Service', 'label_plural' => 'Services' ) );
	}
}

## websafefonts.js
jQuery(document).ready(function ($) {
	var select = $('#taed-font-family');
	var fontTypes = [];
	var fontsOptions = '';

	$.getJSON('/websafefonts.json', function (json) {
		$.each(json.fonts, function (type, fontArr) {
			fontTypes.push(type);
			$.each(fontArr, function (index, font) {
				fontsOptions += '<option value="' + font + '" class="fonttype" data-type="' + type + '">' + font + '</option>'

## formspree-ajax-contact-form.js
/**
 * AJAX Form
 * http://stackoverflow.com/a/13038218/1414881
 */

var form = document.getElementById('contact_form');

// Append the form status
var formStatus = document.createElement('div');
formStatus.setAttribute('class', 'form-status alert');

## gmap_responsive.css
.gmap {
	position: relative;
	padding-bottom: 50%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.gmap > .wp_gmaps_canvas {
	position: absolute;
	top: 0;
	left: 0;

## editorEmptyCheck.js
jQuery(document).ready(function ($) {

	// Check if TinyMCE is active
	if (typeof tinyMCE != "undefined") {
		$('form').on('submit', function () {
			// Get content of active editor
			var editorContent = tinyMCE.activeEditor.getContent();
			if ((editorContent === '' || editorContent === null)) {
				// Do stuff when TinyMCE is empty
			}

## pluginLoaded.js
jQuery(document).ready(function ($) {

	'use strict';

	function initModal() {
		$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
			disableOn: 700,
			type: 'iframe',
			mainClass: 'mfp-fade',
			removalDelay: 160,