Most Popular Screen Resolutions: Designing for Desktop and all mobile devices

Most Popular Screen Resolutions Knowing that it is key to accommodate for the many different devices when designing websites, we have compiled a list of the most up-to-date devices with their respective pixel sizes and viewports below. We have also put this information into a handy downloadable PDF. Desktops & Laptops 1024×768 pixels or higher Apple Products Pixel Size Viewport iPhone 7 Plus 1080 x 1920 414 x 736 7 750 x 1334 375 x 667 6 Plus/6S Plus 1080 x 1920 414 x 736…

Continue reading »

Send Email Plugin in WordPress using the Gmail SMTP Server

First you need to install and activate the WP Mail SMTP plugin. Upon activation, you need to visit Settings » Email page to configure the plugin settings. Here is how to fill out the plugin settings: From Email: Enter your Gmail address. From Name: Enter your name or title of your website. Mailer: Select ‘Send all WordPress emails via SMTP. Return Path: Check the box to use the From email as return path. SMTP Host: smtp.gmail.com SMTP Port: 465 Encryption: Use SSL encryption Authentication: Yes,…

Continue reading »

How to disable cache for images in all browsers

This tag was recommended by some developers but it may not work if you have dynamic file uploaded to your server. <img src=”my-image.jpg?cache=1″> The best tag you can add to display a brand new image is to use the function time() in php to generate different time for each time a photo was uploaded to your server. <img src=”my-image.jpg?cache=<?=time()?>”>

Continue reading »

Google Map will not load in hidden tab and switcher

If you embed Google Map in your website or application, you’ll have to place it outside of hidden tab; Or you’ll need to add a trigger in JavaScript to load the map; however, visitors of your website must double click to fully load the map. You can add this trigger like this on the page: google.maps.event.trigger(map0, ‘resize’); Or you can add a function call to Click event of a map tab: $( “#TabIDHere” ).click(function() { google.maps.event.trigger(map0, ‘resize’); }); remove nits

Continue reading »