HTML

The Google Font Library is a great resource for free fonts.

Read More

Press play on the video when the slider loads to address the issue.

jQuery('#banner').on('init', function(ev, el){
jQuery('.videoWrapper').each(function () {
this.play();
});
});

Source.

Read More

Autosort data on a page from a hash URL using the following snippet and related HTML.

Read More

Slick Slider has pause and play functions available, but they are not easily enabled. 

Read More

Simple jQuery function to toggle between multiple containers on click.Filter links HTML:

Read More

Offset Anchor Tag

HTML

January 09, 2019

Working with CSS fixed headers and HTML anchor tags can be a little tricky. The jump point will need to be offset by the height of the header, and other fixed elements.

Read More

The below example uses WordPress Tags.

Read More

jSON Instagram Slider

jQuery

October 25, 2017

Create a custom Instagram slider for your site using jSON and the following instructions…

Read More

CSS Slide-Reveal Search Field

HTML

September 20, 2017

Use HTML and CSS to toggle reveal the search input field. 

Read More

Create your own media page from posts with embedded YouTube videos, and toggle the list of videos into a larger div to play the content using the steps below.

Read More

Using buttons and jQuery to filter and sort Posts on a website can be fun! Unfortunately, as your content grows, it can also become space consuming, and difficult to read.

Convert a list to a dropdown, and toggle the display of the items via class with a jQuery function.

Read More

Used in HTML, this will convert a hard-coded address into an embedded map within an iframe

Read More

Add a poster to an html embedded video to prevent the black background from displaying on screen while the video loads:

Read More

Make your website content more dynamic and interactive with this handy feature.

Read More

Occasionally, when working with javascript toggles it becomes necessary to use methods like target=”<?php echo $counter; ?>” in order to build a relationship with other elements involved.

Read More

Three options as a workaround if a server doesn’t allow for an htaccess file.

Read More

I’ve been using this template as a guide to create HTML newsletters. These can be uploaded to FTP, and hyperlinked on a website, or embedded in an email.

Read More

Design the html email template, like you would a static webpage.  Here is an example of a responsive email template that you can update or use as reference.

Read More

Target cc Field with HTML

HTML

February 25, 2015

Targeting the mailto field is pretty rudimentary, but you can keep yourself organized if you use such items like the cc-field, and the subject line in order to keep track of where your visitors are when they contact you.

Read More

Place this code inside of the relevant Div

Read More
katherine as a flat graphic icon

About Me

I’m an African / Ojibwe First Nations Web Developer living in Winnipeg, Manitoba.

Visit the Tips and Blog to see what I’m working on.