Skip to content

Instantly share code, notes, and snippets.

View siamkreative's full-sized avatar

Julien Vernet siamkreative

29 followers · 51 following
View GitHub Profile
@siamkreative
siamkreative / as_customisations.js
Created February 4, 2016 03:34
Example of customisations for Awesome Support: Adding custom fields and conditional logic
jQuery(document).ready(function ($) {
/**
* Get URL Parameters using jQuery
* http://stackoverflow.com/a/21903119
*/
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
@siamkreative
siamkreative / mobile.php
Last active August 29, 2019 09:43
```php
<?php
// Specific style for iPhone
if( $detect->isiOS() && !$detect->isTablet() ) {
// This fixes position of the bottom bar on iOS 12.4 and above
echo "<style type='text/css'>#nm5viewBtmHolder { position: fixed; bottom: 0; width: 100%; }</style>";
}
?>
@siamkreative
siamkreative / tinyMCE-check.js
Created November 28, 2014 09:12
A simple script to check whether TinyMCE is active and visible in WordPress Dashboard
jQuery(document).ready(function ($) {
'use strict';
/*
References
http://codeblow.com/questions/method-to-check-whether-tinymce-is-active-in-wordpress/
https://wordpress.org/support/topic/tinymceactiveeditorgetcontentcontent-does-not-work-with-tinymce-advanced
*/
@siamkreative
siamkreative / ga-snippet.html
Created January 30, 2017 02:36
Google Analytics sample code snippet
<!-- 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>
@siamkreative
siamkreative / README.md
Last active January 9, 2017 06:10
Boostrap 4 Navbar Fixed to top. Placement using JavaScript

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...

@siamkreative
siamkreative / sublime_key_bindings.json
Created June 21, 2016 05:22
Sublime Text 3 Key Bindings
[{
"keys": ["f12"],
"command": "chain",
"args": {
"commands": [
["reindent", {
"single_line": false,
"detect_indentation": false,
"tab_size": 4,
"translate_tabs_to_spaces": true
@siamkreative
siamkreative / wpbp-grid.php
Created June 15, 2016 02:47
Behance Portfolio for WordPress - 4 Columns Layout for Boostrap Themes http://codecanyon.net/item/behance-portfolio-for-wordpress/7123148?ref=themeavenue
<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>
@siamkreative
siamkreative / as_custom_fields.php
Created May 27, 2016 07:39
Awesome Support - Register a custom field after the plugin is safely loaded
<?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' ) );
}
}
@siamkreative
siamkreative / websafefonts.js
Created April 8, 2016 02:17
Web Safe Font Combinations. Based on http://www.w3schools.com/cssref/css_websafe_fonts.asp
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>'
@siamkreative
siamkreative / gmap_responsive.css
Created March 29, 2016 10:56
Adds a responsive wrapper to WP Google Maps Shortcode https://wordpress.org/support/view/plugin-reviews/wp-google-maps-shortcode
.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;