Quick Setup Mailgun with CloudFlare + Gmail

Mailgun Setup

  • Create a Mailgun account
  • Add your domain name (no www)
  • Keep the page open and open a new tab to CloudFlare


  • Choose your site and select DNS Settings
  • Add the two Text records
  • Add the CNAME record
    • Make sure the cloudflare cloud is gray and not orange/active
  • Add the two MX records
    • Name domain.com (no www)
    • Mail handled by mxa.mailgun.org or mxb.mailgun.org

Back at Mailgun

  • Click add
    • Click Check DNS Records Now
  • It’ll tell you once it detects the updated DNS records

Email Forwarding

  • From Mailgun, choose Routes
  • Create Your First Route
  • Priority 10
  • Filter Expression This is where you list the email address you want to forward to gmail
  • Actions This is the gmail address you want to receive your mail
  • Description Name it something so you remember what it’s for

Use Gmail to send mail from your domain

  • Log in to Gmail and go to settings
  • Go to Accounts and Import
  • Go to Send mail as and select add another email you own
    • name: Anything you want
    • email address: name@domain.com (this should be the email you set up in the steps before)
    • Leave treat as an alias checked
    • Click Next Step
    • For the following info you’ll need to login to mailgun and use the info under Domain Information
    • SMTP Server Use SMTP Hostname from Mailgun
    • Username Use Default SMTP Login from Mailgun
    • Password Use Default Password from Mailgun
    • Leave Secured connection using TLS selected
    • Click add account
  • Once it’s verified you should be able to compose emails and list your new email in the from line so nobody needs to know it’s coming from your personal gmail account.

Setup Environment UAT + LIVE – GITHUB (Auto Deploy)

We will cover UAT and Live environments and exclude developer environment.

DEV environment for developer to code and test, before he push his commits to remote repository (github.com),  which will be auto deploy to UAT environment for everyone to test with other developers changes. Note – we wont be covering DEV environment.

UAT environment for testing the site and getting ready to push to live environment after we think all the bugs are fixed.

Live environment to have the latest version of the website.
Continue reading Setup Environment UAT + LIVE – GITHUB (Auto Deploy)

WordPress FIX HTML parsing issue – for Developers

It’s really annoying and waste loads of hours trying to fix how can one show example of php code, while still use visual editor for quick snapshots or fancy tools of tinyMCE and able to show color coding examples using google prettify.
Continue reading WordPress FIX HTML parsing issue – for Developers

MediaWiki WYSIWYG Editor Reset Images Bug [Solved]

For over 3 years no one wrote a solution for reset images caption error on mediawiki script, which also is on durpal and some other applications getting used, but its hard to believe that. link to bug

Continue reading MediaWiki WYSIWYG Editor Reset Images Bug [Solved]

15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials

Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery.
Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using  jQuery. Continue reading 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials