Load the fonts first for page speed

November 21, 2021 at 1:14 pm | blabbing, Design, Programming, web.

To increase page speed for blocking font rendering and to reduce the font rendering time when the page loads on your site, add your fonts as a preload at the top of your page. This may seem counter intuitive to load an asset ahead of time for page speed, but it makes sense in two… Read more »

Triggering javascript on change programmatically and have it bubble

October 28, 2021 at 10:01 am | Programming, web.

A problem I ran into recently is that updating an input value is a form using javascript or jQuery is fairly easy but sometimes this programmatic update of the field does not trigger an onChange event that another piece of code is listening for. Adding a dispatchEvent on the selector can accomplish this.

Working with Hubspot forms onFormSubmit

October 13, 2021 at 11:02 am | Programming, web.

Getting values from the hubspot form in it’s onFormSubmit handler can be pretty tricky so here is a quick tip. Add the onFormSubmit closure function to the hbspt.forms.create script and then use .find() to get the value of individual form elements that you need. At that point you can use them to pass to tracking… Read more »

Stop animating all your pages

January 6, 2021 at 8:25 pm | blabbing, Design, web.

You know that feeling when you get to a site and there isn’t much there and then you start to scroll and POW everything comes flying into the page in all directions. Yeah. Stop doing that.

Simple JS based resize calculator

August 11, 2020 at 4:23 pm | web.

I made this image resize calculator because I was always going into Photoshop to recalculate an image size and maintain the aspect ratio. https://www.fuzzyraygun.com/resize.html

Fix for svg background images in IE11

June 2, 2020 at 2:17 pm | web.

Problem: Sometimes SVG images when used as background images do not show up correctly in IE11. This can sometimes show up as not covering the specified element background. The trick here is the add the height and width back into the SVG as it might have been stripped out. Take the height and width from… Read more »

Ember on Apache

February 22, 2017 at 9:50 pm | Programming, web, Wordpress.

Ran into this recently and it reminded me of how WordPress does URL permalink routing. Since Ember routes are handled by the index this helps Ember on Apache route to links, especially when you are coming directly to a link or deep linking. This should go in the root .htaccess file in the same way… Read more »

Validate AMP pages – New Relic

October 28, 2016 at 7:53 pm | Programming, web, Wordpress.

If you are looking to validate your AMP pages there is a nice tool provided by the AMPproject here. https://validator.ampproject.org/. One of the things that may cause problems with AMP validation is the inclusion of New Relic JS in the head and footer of AMP pages. If you have a new relic instance running you may… Read more »