Skip to content

Instantly share code, notes, and snippets.

Julien Vernet SiamKreative

Block or report user

Report or block SiamKreative

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View mobile.php
```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 / ga-snippet.html
Created Jan 30, 2017
Google Analytics sample code snippet
View 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>
@SiamKreative
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...

@SiamKreative
SiamKreative / sublime_key_bindings.json
Created Jun 21, 2016
Sublime Text 3 Key Bindings
View 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
View 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>
@SiamKreative
SiamKreative / as_custom_fields.php
Created May 27, 2016
Awesome Support - Register a custom field after the plugin is safely loaded
View 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' ) );
}
}
View 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>'
@SiamKreative
SiamKreative / formspree-ajax-contact-form.js
Created Mar 30, 2016
A plain JavaScript AJAX Contact Form that is designed to work with http://formspree.io/
View 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');
View 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;
@SiamKreative
SiamKreative / editorEmptyCheck.js
Created Mar 28, 2016
Check if a TinyMCE editor is empty in WordPress
View 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
}
You can’t perform that action at this time.