Zedric Myers

Zedric Myers
Zedric Myers is a Web Designer for Beacon Technologies. After earning his degree in Advertising and Graphic Design, he spent 11 years with an advertising agency in Greensboro, NC where he was initially hired as a designer and transitioned to being a Web Developer.

How to fix for Object-Fit Cover for IE

You may notice Object-Fit Cover doesn’t work well for IE or Edge in a responsive aspect. Microsoft is working on a fix for this, so this would help in the meantime. There is a work around for this and you can find all the needed information at the below source. Quick example code reference, below: HTML [...] read more »

Mobile is Booming 2017 Report

As an update to a blog post written in 2011, we can now see just how accurate the report was. Mobile has definitely made its mark with over 50% usage. Click here, to see the original post. Source: Smart Insights  

Responsive iFrames

Sometimes your website needs iFrames inserted for things such as forms or third party plugins. What do you do when your site is responsive? Well, hopefully this can help you out with these tested examples. There are different setup options you can take to make the iFrame responsive. Some may take more effort than others, [...] read more »

Google Custom Search 2017 Update

Google has provided an easy way to search your site, be it free or paid with custom search. The free version comes with Google ads that relate to your site, but not limited in other areas like other third-party search engines. If you have a tax-exempt business website according to Google’s guidelines, you have the [...] read more »

How to add an AccuWeather Current Weather Widget to your Website

You can easily install a current weather widget by going to the link below and following the instructions. https://www.accuweather.com/en/free-weather-widgets/current Source: AccuWeather

CSS Equal Height Columns Without Javascript

Here are two CSS options for equal height columns, without using javascript. 1. Using CSS Table Properties HTML <div class=”col-container”> <div class=”col”> <h2>Column 1</h2> <p>Hello World</p> </div> <div class=”col”> <h2>Column 2</h2> <p>Hello World!</p> <p>Hello World!</p> <p>Hello World!</p> <p>Hello World!</p> </div> <div class=”col”> <h2>Column 3</h2> <p>Some other text..</p> <p>Some other text..</p> </div> </div> CSS .col-container { [...] read more »

How to Setup a Video Loop or Video Teaser for Desktop and Mobile Devices

If you need to have a video loop or video teaser on your web site, there is an easy solution. It’s done with the HTML5 video tag. In this case it would be a simple looping video with sound muted. This can help give the site some extra depth or visual appeal. This method works well for [...] read more »

Prevent Scrolling Behind a Fixed Overlay and Maintain Scroll Position on Mobile Devices

This is a great piece of code if you need to have an overlay on a mobile device and do not want the background to scroll when you have to interact with the overlay. The below is an example of the javascript. You can change the ‘getElementById’ name to fit with your overlay ID name [...] read more »

jQuery Social Stream Plugin

Adding Social Streaming to your site is a great way to get more traffic and provide engaging social feed updates directly to your users in one area. If you would like to add social stream to your site, jQuery Social Stream is a great and cost efficient plugin. This is designed with a developer in [...] read more »

Pure CSS Masonry Layout

If you need a really simple Masonry layout for your website, than this is easy as it gets without jQuery. This below code is slightly modified from the original to work for some cross browser support and responsive layout. This allows your content that don’t line up exactly to fill the empty spaces and wrap [...] read more »