Author: Chris ⁄ Chris Yee

Chris

I am a web developer currently living in Toronto, Canada. With over 10 years of web design and development, I develop sites that are both remarkably beautiful and functional.

Code Snippets

Output Original Image Size in WordPress

Here’s how you can output the original image size using the wp_get_attachment_image() function: The key is to use original_image as the size attribute. This will output the original image with no scaling applied. This should be used sparingly because original images are usually a large file size. Alternatively using full as the size attribute will […]

WordPress

Allow access to the WordPress REST API on GoDaddy

I was recently working on a WordPress site hosted on GoDaddy. The problem that I was encountering was a persistent “Welcome to the block editor” modal every time I loaded the Block Editor. Investigation Fix Allowing my IP addressed fixed my issue temporarily but this was not a permanent solution as I have a dynamic […]

Code Snippets

Smooth Image Zoom on Hover with CSS

This simple CSS hover effect will subtly & smoothly scale an image 20% larger on hover. HTML CSS

WordPress

bbPress tips & tricks

I recently had to use the bbPress plugin on one of my WordPress projects. Here are some helpful tips and tricks I wish I knew before using this WordPress plugin. You need to enable registration If you are allowing public user registration you need to enable the “Anyone can register” setting under General > Membership […]

Code Snippets

Full Width Container with CSS

Here’s how you make a full-browser-width container when we’re inside a max-width/limited wrapper. HTML Full width parent container In this example my parent container is set at a max-width of 100% with a nested content wrapper. Constrained parent container In this example my parent container (.site-main) is set at a max-width of 1800px with a […]

Technology

LG 32″ 4K UHD Monitor Review

I’m coming up on 8 months of using this monitor and I think it’s time for a review of the LG 32-inch 4K Monitor (32UK550-B). I’ve been using this as my display every day for programming and gaming on the weekends. Below are my impressions of using this monitor and why you should buy it. […]

Code Snippets

Responsive Google Slides & YouTube Embeds with CSS

Here’s a simple way using only CSS to make your Google Slides & YouTube/Vimeo embeds look great on your website. The Solution Add the following CSS to your website. These CSS selectors will target any iFrame’s with the domains of docs.google.com, youtube.com, and player.vimeo.com and make them responsive with the aspect ratio of 16 / […]

WordPress

Uploading AVIF images in WordPress

By default, WordPress doesn’t support uploading of AVIF images to the media library. Luckily this is super easy to fix with a minor addition to your theme’s functions.php file and a helpful plugin. The Solution Add the following PHP code to your theme’s functions.php file: 2. Download & activate the Lord of the Files: Enhanced […]

WordPress

Restoring the Seamless Style in ACF

If you use the excellent Advanced Custom Fields (ACF) WordPress plugin and the Gutenberg editor you may notice the seamless style has no effect. Choosing either Standard (WP metabox) or Seamless (no metabox) has no visual effect on the ACF field group. ACF removed the seamless styling from Gutenberg editor due to “due to styling […]