Fully Responsive YouTube Videos & Google Maps

Add a <div> element around the <iframe> for your YouTube video or Google Map: <div class=”iframe-container”> <iframe src=”https://www.youtube.com/embed/j4o2PDwKdcA” frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe> </div> Add the following to your stylesheet: .iframe-container { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .iframe-container iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; } Results:

How to Add a Favicon Using the WordPress Site Icon Feature

WordPress 4.3 introduced a new “Site Icon” feature, which provides a user-friendly interface for adding a favicons to your websites. Icons are also used as app icons on mobile devices. The Site Icon feature can be found by going to Appearance > Customize and selecting the Site Identity option. Then click the Select File button and choose an image in the […]

MySQL based transactions using PHP 5.x

I’ve been using database transactions heavily in an application I’m working on and thought it might be a good topic to write about. I started searching for tutorials on the subject and found very few that are of good quality. Hopefully this will enlighten you and provide a better understanding of the subject.