Welcome to Blue Fox Creative

Tom Collins

88 Key Custom Keypad Controller For OBS Studio For only $10

By Leave a Comment

This page contains two links that will help you setup your custom 88 Key custom keypad for OBS Studio.

Download the keypad icon template 8.5 wide by 11 inches tall (Perfect for a single printed piece of paper.)

DOWNLOAD TEMPLATE (PDF)

The following file is a download to a txt that contains the code needed For the HIDMacro program.

DOWNLOAD CODE (TXT)
DOWNLAD HIDMacros

HIDMacro Extra Help: Supported modifiers for keystroke sequences

+ = Shift
^ = Control
% = Alt
Surround sequences of characters or key names with parentheses in order to
modify them as a group. For example, ‘+abc’ shifts only ‘a’, while ‘+(abc)’ shifts
all three characters.
Supported special characters
~ = Enter
( = Begin modifier group (see above)
) = End modifier group (see above)
{ = Begin key name text (see below)
} = End key name text (see below)
Supported characters:
Any character that can be typed is supported. Surround the modifier keys
listed above with braces in order to send as normal text.
Supported key names (surround these with braces):
BKSP, BS, BACKSPACE
BREAK
CAPSLOCK
CLEAR
DEL
DELETE
DOWN
END
ENTER
ESC
ESCAPE
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
F13
F14
F15
F16
HELP
HOME
INS
LEFT
NUMLOCK
PGDN
PGUP
PRTSC
RIGHT
SCROLLLOCK
TAB
UP
Follow the keyname with a space and a number to send the specified key a
given number of times (e.g., {left 6}).

Page Jumps / Anchor Links For WordPress

By Leave a Comment

Anchor Links For WordPress

[arve url=”https://youtu.be/Q9zaj3lwGls” title=”Anchor Links For WordPress” description=”Anchor Links For WordPress that actually work!” upload_date=”November 14th 2017″ align=”none”/]

Figuring out Page Jumps or Anchor Links For WordPress is one of those tasks that seem like it could be simple but if you don’t have the information it can be one of the pesky WordPress problems that’ll drive you nuts.

Why is it so Damn Hard to Find a Solution For Anchor Links For WordPress?

The problem starts when trying to Google “Anchor Links in WordPress” for the solution. WordPress calls them “Page Jumps. What the heck is a “Page Jump”? It’s like trying to learn how to change the oil in your car but your car maker names an oil change, “Slippery Liquid Replacement Procedure” This rebranding of “anchor links” makes it difficult to find the simple solution

Rabbit Hole
The problem is NOT your browser.

Avoid The Rabbit Hole and Don’t Blame Your Browser

I’ve noticed that the first thing folks will blame for the problem is your browser. Ignore this rabbit hole. It’s not your browser. The problem is the code. There’s a lot of stuff going on underneath the hood with HTML and WordPress, and for some reason, you have to handle in page links a different way.

Hopefully, this post finds you. Anchor Links in WordPress is easy and it has nothing to do with your browser so ignore that rabbit hole.

Below Allows You to Place a Link to Content on the Same Page

STEP 1 – ADD LINK

This code will create the link that will take you to a place on the same page.

<a href=”#link-location”> The link </a>

Or if the Link is In a Menu Item (Custom Link)

<a href=”http://www.website.com/website-page/#div-id-name

I suggest not doing this because you can not hit the back key which is a big NO NO because you are overriding an assumed function. Doing this upsets surfers.

STEP 2 – ADD JUMP LOCATION 

Place this code where you want the user to go on the page when the click the link above.

<div id=”link-location”>

NOTE: You enter this code in the “Text” view in the post or page editor in WordPress. Stay out

NOTE NOTE:  Is WordPress removing empty <div> containers?  Add this function to your functions.php

/ START Stop removing div tags from WordPress - Linklay
function ikreativ_tinymce_fix( $init )
{
    // html elements being stripped
    $init['extended_valid_elements'] = 'div[*]';

    // pass back to wordpress
    return $init;
}
add_filter('tiny_mce_before_init', 'ikreativ_tiny_mce_fix');

// END Stop removing div tags from WordPress - Linklay

 

The Genesis Responsive Header Plugin

By Leave a Comment

Affiliate Marketing Freedom

If you’re a fan of the Genesis framework, you’re most likely going to modify your logo for your masthead. There’s also a very good chance your new logo will be wider than what is best for cell phone screens. If you test the page in a responsivetest.net you’ll notice that the logo is cut off. Fixing it is a bit of a pain and it seems to be easier to look for a plugin solution. Nick the Geek developed a fantastic plugin called the Genesis Responsive Header. Before downloading it please read the following.

Finding The Genesis Responsive Header Plugin In The WordPress Admin Panel

Did you install it?  Did you find it after the install?  It took me so long to find it I almost gave up.  Nick the Geek’s instructions on one of his posts states when you install the Genesis Responsive Header plugin,  the plugin’s settings button can be found as a sub choice under the Genesis link in the administration panel.

UPDATE:

It’s simply not true. The plugin can be found in Appearance > Themes > Custom. Then click “Responsive Header.”

Is it Safe?

If you’re thinking that this plugin is dangerous because its not listed in the WordPress Plugin Directory, don’t worry. Nick the Geek is respected in the industry. His blog posts have so many comments it’ll take you 15 minutes to read them. Also if you read the forums at Studiopress.com and you do a search for “logo is not responsive” you’ll notice that the senior programmers refer to this plugin constantly.

That’s it.  I hope you gain from this info.

Have a great rest of the day, fellow designer person.

🙂

UPDATE:

I just learned that the plugin does not work with HTML5 Themes.

This simple task is turning out to be a rabbit hole.  I’m going attack this tutorial to see how it goes.

THE FINAL SOLUTION – updated 10/31/17

The reason why this plugin has not been updated and the reason why nobody cares about it is because there no need to use it. Take the following steps and you will learn how to modify your logo.

  1. Create you logo in photoshop. Make a note of how tall and wide it is in pixels.
  2. Make sure the background has been removed and save it as a PNG24
  3. visit tinypng.com and compress you newly created logo file
  4. Save the logo to your downloads file. Name it logo.png
  5. Log into your WordPress admin panel
  6. go to Appearance > Editor
  7. Open up the functions.php file
  8. Look for the code under this note   // Add support for custom header
  9. Change the width and height to match your new logo file
  10. Hit save
  11. Now click appearance > Customize
  12. Click header image
  13. Select your image or upload it in the next screen
  14. It will ask you to crop the image make sure the crop includes entire image and hit save.
  15. Check the logo on the front end. If the logo is not in the right position you’ll have to modify the CSS.

 

 

Unknown or Invalid JPEG Marker Type

By

Fixing The Invalid Marker Type

A Simple Approach to Fixing The Unknown or Invalid JPEG Marker Type

Invalid Marker Type Error Solution

So your working with JPEGS in Photoshop and you have encountered the prompt you see above, right?  This page will explain how to fix the invalid jpeg marker type the simple way.  It’s a bit tedious but it works like a charm.  Many suggest using software

Online Convert
Converting photo files is not the only thing this site can do.

to fix the problem with software but this is too complex.  I recommend not installing software when you can avoid it. Who wants the computer bloat right?   Go to http://www.online-convert.com and convert the image to a TIFF.  Then open it back up in Photoshop and save it back to a JPEG.  Boom! Problem solved 🙂

Here’s the direct link to convert form corrupt JPEG to TIFF.

CONVERT TO TIFF

This is 100%, has no bogus signup, and is safe and secure.

Invalid JPEG Marker Why
Why Does It Happen? HellifIKnow 😉

Why The Unkown or Invalid JPEG Marker Type Error Happens In The First Place

  1. Saved with a non JPEG extension
  2. Saving the image directly to a removable hard drive or thumb drive. They copy command sometimes damages the file.
  3. Sometimes the computer your using damages the file when you apply JPEG compression.  Consider not using compression and see what happens.

I know what it feels like when you’re in work mode and you’re stopped in your tracks with this kind of problem.   I hope this information gets you back on track fast.

How to Make Updates To WordPress

By Leave a Comment

Video Tutorial Series

[su_row]
[su_column size=”1/4″]

Reviewing The Admin Panel

A summary of the different sections of your admin panel.
[video_lightbox_youtube video_id=”GRIIoIrUotI&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]

Admin Danger
Areas

Scott shows you four areas to avoid, so you don’t crash your site.
[video_lightbox_youtube video_id=”fd0owA9ZygE&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]

Adding New
Pages

Scott explains how to add new pages to your WordPress website.
[video_lightbox_youtube video_id=”IFfAvAEzU4c&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]

Reducing Large
Photo Sizes

Scott explains how to shrink down your JPEGS, so they load fast.
[video_lightbox_youtube video_id=”faYACDhlAA4&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[/su_row]
[su_row]
[su_column size=”1/4″]

Mobile Ready
Content

Scott explains how to build content columns that work in mobile.
[video_lightbox_youtube video_id=”8xg8Mkgf_to&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]

Add a Page to
the Navigation

Scott shows how to build a new page and add it to your nav bar.
[video_lightbox_youtube video_id=”QTjeJ51mB7A&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]

Safely Update
Your Site

Learn how to make a full site backup and safely update your site.
[video_lightbox_youtube video_id=”3wl2tm64C-o&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]

Creating A
New User

If you wish to give control to a coworker, view this tutorial.
[video_lightbox_youtube video_id=”w9Qwl2rJfGs&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[/su_row]
[su_row]
[su_column size=”1/4″]

Huge Email
Attachments

Learn how to send big files via email with the use of your site.
[video_lightbox_youtube video_id=”eDaOiEcPQGQ&rel=false” width=”1000″ height=”562″ anchor=”https://www.bluefoxcreative.com/wp-content/uploads/youtube-play-button-1.jpg”]

[/su_column]
[su_column size=”1/4″]
[/su_column]
[su_column size=”1/4″]
[/su_column]
[su_column size=”1/4″]
[/su_column]
[/su_row]

 

Shortcodes Ultimate Responsive Columns Code

By Leave a Comment

It’s not uncommon for new WordPress users to get tricked into the bells and whistles of plugins that allow for drag and drop website development. There are so many plugins out there that its difficult to keep up. I’m going to highlight why it’s not a great idea to invest your energy developing with them.

Reason One: They Slow Web Page Load Time

As you can imagine the most appealing plugins allow you to accomplish a wide variety of layout tricks. Maps, carousels, columns, animated css, full width backgrounds, full browser width video, and the list goes on and on and on. When a new developer sees these carrots on a stick it seems at first that buying the plugin is a no brainer but BEWARE. In order to power all these functionalities a super massive CSS style sheet is needed. There’s also a need for added php files as well. This can create a excess of files that are needed to load before your pages load.

The bottom line is these plugins slow load time which is detrimental to your users happiness. Remember, your information and ease of use is THE most important aspect of your site. It’s what keeps the user reading.

Reason Two: They Are Not Simple – Don’t Fool Yourself

Reason Three: Expensive:

This page is for WordPress users who have installed the Shortcodes Ultimate plugin. One of the capabilities of this plugin is to provide a way to provide mobile ready columns for your posts or pages content. Below provides code examples for several layouts. If you need a layout that’s not listed below, email Scott and he’ll generate it for you.

[su_row]
[su_column size=”1/2″]

Two Columns

Shortcodes Ultimate - 2 columns
View Two Columns Code
[/su_column]
[su_column size=”1/2″]

Three Columns

Shortcodes Ultimate - three columns
View Three Columns Code

[/su_column]
[/su_row]

[su_row]
[su_column size=”1/2″]

Four Columns

Shortcodes Ultimate - three columns
View Four Columns Code

[/su_column]
[su_column size=”1/2″]

Five Columns

Shortcodes Ultimate - three columns
View Five Columns Code

[/su_column]
[/su_row]

[su_row]
[su_column size=”1/2″]

Six Columns

Shortcodes Ultimate - three columns
View six Columns Code

[/su_column]
[su_column size=”1/2″]

Column Left Wide Right

Shortcodes Ultimate - three columns
View Narrow Column Left Code

[/su_column]
[/su_row]

[su_row]
[su_column size=”1/2″]

Narrow Column Right Wide Left

Shortcodes Ultimate - three columns
View Narrow Column Right Code

[/su_column]
[su_column size=”1/2″]

[/su_column]
[/su_row]