Skip to content

Instantly share code, notes, and snippets.


Theuns Coetzee ipokkel

View GitHub Profile
indikatordesign / footer.php
Last active Sep 9, 2017
[Divi Footer Template]This footer.template let you setup easily your company name, wrapped into your website-url. It also takes care for automatic update of the year in your socket.You just need to change the values in the variables "$myCompany and $myURL" at the top of this code panel. Then simply put this file in the root of your child-theme.
View footer.php
View Strips.scss
// Background mixin
@mixin strips($color, $angle){
$color: saturate(lighten($color, 2%), 10%);
background: $color
linear-gradient($angle, $color 0%, $color 10%,
mix(black, $color, 5%) 10%, mix(black, $color, 5%) 20%,
mix(black, $color, 12%) 19%, mix(black, $color, 10%) 21%, // Thin line between gradient
mix(black, $color, 10%) 20%, mix(black, $color, 10%) 30%,
mix(black, $color, 17%) 29%, mix(black, $color, 15%) 31%, // Thin line between gradient
mix(black, $color, 15%) 30%, mix(black, $color, 15%) 40%,
LukyVj / SassMeister-input.scss
Last active Oct 9, 2017
Generated by
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
// API :
// svg(<shape>, <size>, <color>, <unit>, <repeat>, <path:false>);
@mixin svg($shape, $size, $color, $unit, $repeat, $path: false) {
jonathantneal /
Last active Oct 9, 2017
External Schemes

External Schemes

An external scheme is a link on a webpage that moves you to an application outside of the browser.

Most links use the http or https scheme, which is handled inside of the browser.

<a href="">Visit</a>
jonathantneal / protocol.html
Last active Oct 9, 2017
Launching external protocols from anchors.
View protocol.html
<p><a href="//" data-external="fb://profile/119703784116">Facebook</a>
<p><a href="//" data-external="foursquare://venues/4e4b3090fa7671a85ce77d0e">Foursquare</a>
<p><a href="//" data-external="twitter:/user?screen_name=oisfinc">Twitter</a>
<p><a href="//" data-external="yelp:/biz/orange-international-street-fair-orange">Yelp</a>
<p><a href="//" data-external="example:/foo">Example</a>
View function.php
* Render_Menu
* -----------------
* Render a menu using simple, semantic HTML
* Usage: new Render_Menu(@name)
* @name (string) name of the menu ("main-navigation")
jonathantneal /
Last active Oct 9, 2017
Using an SVG Icon System in WordPress with Grunt

Using an SVG Icon System in WordPress with Grunt

  1. Add [grunt-svgstore] to your build tool:

    npm install grunt-svgstore --save-dev
  2. Create an svgstore task in Grunt (like tasks/options/svgstore.js):

jonathantneal /
Last active Oct 9, 2017
Switching to an SVG Icon System from IcoMoon Fonts

Switching to an SVG Icon System from IcoMoon Fonts

  1. Goto to the [IcoMoon App] and click “[Selection]” at the bottom. Screenshot of Selection page

  2. Open the menu list for your icon set and choose “Select All”. Screenshot of Selection page with open menu list

  3. Click “[Generate SVG & More]” at the bottom. Screenshot of SVG page

View diagonal-mixin.sass
@mixin diagonal($rotation, $background, $height, $pos: after)
content: ''
display: block
position: absolute
width: 100%
height: $height
background: #{$background}
transform: skewY($rotation)
indikatordesign / wp-config.php
Last active Oct 27, 2017
[WordPress Debug.log and useful var_dump snippet]Allows you to write the error.log right into the wp-content-folder. You can also use something like this to var_dump to your error log: - idWriteLog( $myVar, 'varName' ); - or - idWriteLog( myFunc(), 'funcName' ); - It is especially useful to var_dump ajax requests and will also show you on which …
View wp-config.php
// Add the snippet below in the file wp-config.php right above: /* That's all, stop editing! Happy blogging. */
define('WP_DEBUG', true );
if ( WP_DEBUG )
define('SAVEQUERIES', true );