Expand all Asana comments and threads in a task

May 18, 2023 at 12:56 pm | Programming, web.

You can use the following piece of Javascript as a bookmark in your browser to expand all the comments and threads in an Asana task. This is really helpful when you have long threads with lots of comments and you are unable to see all of them because Asana hides them by default.

Fixing preview or unfurl in Slack

February 19, 2022 at 1:48 pm | Programming, web.

Sometimes you will find that certain links in slack do not preview or unfurl inside of a channel or conversation. When you have ruled out all of the basic reasons set forth in the Slack share links documentation setup here here are a couple more that you can look into.

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 »