Skip to content

Instantly share code, notes, and snippets.

Avatar

Theuns Coetzee ipokkel

View GitHub Profile
@indikatordesign
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
LukyVj / SassMeister-input.scss
Last active Oct 9, 2017
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
// SASSVG
//
// API :
// svg(<shape>, <size>, <color>, <unit>, <repeat>, <path:false>);
@mixin svg($shape, $size, $color, $unit, $repeat, $path: false) {
@jonathantneal
jonathantneal / README.md
Last active Oct 9, 2017
External Schemes
View README.md

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

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
jonathantneal / README.md
Last active Oct 9, 2017
Switching to an SVG Icon System from IcoMoon Fonts
View README.md

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)
&:#{$pos}
content: ''
display: block
position: absolute
width: 100%
height: $height
background: #{$background}
transform: skewY($rotation)
@indikatordesign
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
<?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 );