Nicola Cascio clinicdigital

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

	Basic setup for using Swup page transitions and GSAP in a Wordpress site.

	Notes (Will update as time goes on) :

	1. Be sure that if you use ID's on elements there is only one throughout the site.
	Since there is no actual page load Chrome has issues determining that you are not
	using the same ID multiple times.

	<?php
	/**
	* Plugin Name: RT Force Cache Refresh
	* Plugin URI: http://www.this-play.nl
	* Description: Periodically deletes expired WP Super Cache files using WP-Cron
	* Version: 0.8
	* Author: Roy Tanck
	* Author URI: http://www.this-play.nl
	* License: GPL2
	*/

	/* ------------------------------------
	Gravity Forms
	---------------------------------------*/

	.gform_wrapper ul { padding-left: 0; list-style: none }

	.gform_wrapper li { margin-bottom: 15px }

	.gform_wrapper form { margin-bottom: 0 }

	// add this to your theme's functions.php

	/*
	* Define a custom option type
	* this type will repeat some text inputs
	*/

	function repeat_text_option_type( $option_name, $option, $values ){

	$counter = 0;

	<?php
	/*
	Insert this script into functions.php in your WordPress theme (be cognizant of the opening and closing php tags) to allow field groups in Gravity Forms. The script will create two new field types - Open Group and Close Group. Add classes to your Open Group fields to style your groups.

	Note that there is a stray (but empty) <li> element created. It is given the class "fieldgroup_extra_li" so that you can hide it in your CSS if needed.
	*/
	add_filter("gform_add_field_buttons", "add_fieldgroup_fields");
	function add_fieldgroup_fields($field_groups){

	foreach($field_groups as &$group){

	Here is a simple jQuery plugin to make a table header fixed on top when window is scrolled.
	Using the code from twitter bootstrap documentation page, this code is customized for table header.

	Create the table with following layout -
	<table class="table-fixed-header">
	<thead class="header">
	<tr>
	<th>Column 1</th>
	<th>Column 2</th>
	<th>Column 3</th>

	// This gist is now maintained on github at https://github.com/luetkemj/wp-query-ref

	<?php
	/**
	* WordPress Query Comprehensive Reference
	* Compiled by luetkemj - luetkemj.github.io
	*
	* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
	* Source: https://core.trac.wordpress.org/browser/tags/4.9.4/src/wp-includes/query.php
	*/