WordPress Lovers Gathering in Lahore Pakistan, 400+ Attended Lahore Meetup

Over the weekend, the WordPress community in Lahore, Pakistan held its 10th monthly meetup. It is an amazing effort by TechHub Pioneers to attract youth towards WordPress meetup.


First ever WordPress Meetup was organized by Kamran Zahid of Timelenders a lead trainer, on 5th of April 2012 at Salt-n-Pepper Restaurant, Lahore Pakistan.

The Second meetup was organized by WordPress Mechanic on 27th May 2013 on as “wp10 Party at McDonald’s, Main Boulevard, Gulberg, Lahore, Pakistan“. It was having around 30 WordPress users and developers.

Third meetup was organized by “Skooter Technologies” on 1st December 2013 at Liberty Lahore, Pakistan. It was almost having the same number of people.

Fourth meetup again held by “Skooter Technologies” on 1st January 2014 at same place and got a good response from industry.

Fifth meetup held in 5th march 2014 which was organized by “Google Developers Group” at LUMS University in which three famous speakers, Mr. Kamran Shafi (Freelancing Mentor), Mr. Kamran Zahid (Entertrainer) & Mr. Haris Zulfiqar (Founder of Avada Theme) talked about WordPress security, speed optimization and its usage.

Logo_GreyBGSixth WordPress meetup held as WordPress week in UET Lahore organized by WordPress Pakistan Team from 28th, 2014 to May 3rd, 2014. It was a great effort by Ahmad Awais.

Seventh WordPress meetup held in NEST College organized by NEST College Management (NEST College aka Saif Center of Innovation) on 1st October 2014, it was the first time when students and freelancers attended a WordPress meetup together. Mr. Kamran Shafi was invited as a speaker.


Eighth WordPress meetup held on 14th October 2015 in which WordPress Mechanic announced Pakistan’s first WordPress Theme Development FrameworkGuavaPattern“, TechHub was selected as venue.

Ninth WordPress meetup held on 19th November 2015 major crowd was of university students.

12391859_1036016079773181_4911880107734315075_nTenth WordPress meetup held in the same city in sequence on 19th December 2015. This event became mega event when organizers included Mr. Kamran Shafi (Freelancing Mentor) as a speaker in this event. Audience praised him a lot and for the first time a WordPress meetup got 1000+ RSVP and almost 400+ developers and I.T. professionals.
Attendee Fahad Mahmood (WordPress Mechanic), WordPress plugin and theme development framework author and shared his views:
“The auditorium was not sufficient for such a big crowd of young students, experts, freelancers, people were sitting on stairs, standing at auditorium doors and the organizers had to manage a projector outside so that people could attend the event outside too. I hope, next time WordPress meetup will be held somewhere else.

“I had a chance to interact with a few participants,” he said. “Majority of them were there to listen Mr. Kamran Shafi (Freelancing Mentor) and they seemed a little disappointed that his session was of short duration. Most of them are expected a separate event by Kamran Shafi next time. I was just surprised by the popularity of a Freelancing Mentor than WordPress Plugin Developers”.

Muhammad Kashif Arain, one of the 10th Anniversary WordPress meetup attendees, said that news of the event spread through an extensive network of Pakistani freelancers who are connected by social media. ProPakistani, a local IT news site, also published an article that helped new attendees learn about the event. “We closed registration two days before the event because we were not allowed to invite more people,” Kashif said. He and fellow organizers, with the help of 25+ volunteers, printed directions, arranged refreshments, and managed the crowd. As the meetup is being mature since 2013, they put the event together with the help of #PITB & #TECHHUBCONNECT. He hopes that the event will attract sponsors but wants to be careful to preserve their purpose and focus. We welcome anyone who wants to join us but we would like to maintain the independence and the freedom of WordPress,” he said.
Paving the Way for WordCamp Pakistan.

Organizers of the 19th December WordPress meetup expected even more attendees at the next event on January 16, 2015. They are working together with other active meetups in Karachi, Sialkot, and Hyderabad to organize WordCamp Pakistan as a mega event in September 2016. The WordPress Foundation is currently reviewing their application. English and Urdu are the primary languages used by the WordPress community in Pakistan, so the WordCamp would be accessible to many more attendees from around the world. “English is official language. So most of the sessions are in English but the smart speakers and presenters switch to Urdu to keep the audience synced with them.

WordPress and other open source technologies open up a world of new employment opportunities to freelancers in developing nations like Pakistan. This has helped fuel the growth of the Lahore meetup, which is now largely made up of freelancers and entrepreneurs.

“The local economy is struggling, which is pushing young individuals to start their own businesses or improve their skills,” Kashif said.

“WordPress offers great employment opportunities as one can work from home and does not need a visa or immigration,” he said. “The ease and familiarity with English helps Pakistani freelancers work easily with clients from all over the world.”

A large number of Pakistani developers work in renowned WordPress-based services and products as technical support, routine maintenance, a larger number are students who have formed small groups and are serving the industry.

“Pakistan has a large number of WordPress developers,” Fahad said. “We feel it’s the right time we put it on the globe and tell the world about the unleashed potential we are having here.”

Source: hasmanblog.wordpress.com

Earthquake jolts Lahore and other cities of Punjab 26 December 2015

Earthquake in Lahore, Islamabad, Sargodha, KPK, D.I Khan and other cities of Pakistan on December 26, 2015

An earthquake with magnitude 6.2 occurred near Feyzabad, Afghanistan at 19:14:47.60 UTC on Dec 26, 2015
Recently in Pakistan Earthquake hits again several areas of country in Peshawar, Lahore, Islamabad, KPK, more than all parts are in range.
Earthquake tremors felt in various areas of Punjab late at night; where as many people got frightened and came out of their homes.The tremors were felt around 12:16 pm in Lahore, Sheikhupura, Gujranwala, Kasoor, Wazirabad and other areas.

Earthquake 26 December 2015
Earthquake jolts Lahore and other cities of Punjab 26 December 2015

The December 26, 2015 M earthquake near the Hindu Kush region of Afghanistan (SW of Jarm) occurred as the result of reverse faulting at intermediate depths.

Series of WordPress Meetups in Lahore Pakistan

Series of WordPress Meetups in Lahore Pakistan

It was very first time for me that i was attending any technology related event on 17th October 2015. Although i am a WordPress developer but meetup culture is new for me. In addition when i heard that some Guava Pattern thing is going to be launched or introduced so i just got amazed and confused at the same time. It was not easy to digest for me that what kind of meetup it would be. What capabilities should i have to attend such events because if its a workshop then there would be some requirements or edibility criteria. WordPress Plugins is not a new term for me but i was not aware that from Lahore, Pakistan there would be some guys who are developing and managing this number of WordPress plugins. I was just stunned when session just started and WordPress Mechanic appeared as a speaker. WordPress Mechanic was another amazing term for me so i just kept quiet and watching the slides. He started with the history of first WordPress Meetup and showed some flashback from 10th Anniversary of WordPress.

WordPress Meetup 17th Oct, 2015 at TechHub (ASTP) Lahore, Pakistan from Fahad Mahmood on Vimeo.

Presentation slides by WordPress Mechanic at Arfa Software Technology Park.

Fahad Mahmood told about first meetup and introduced WordPress Guru. This term is not new for me, lolz… joke apart but the word Guru is being used in freelancing field more than required. I have never met with Kamran Shafi before but Fahad told in his session that he is a freelancing mentor and later he introduced Freelancer Factory. I couldn’t attend the series of freelancer factory workshops but i heard awesomeness of it. Looking for upcoming meetups and especially products like Guava Pattern based on CodeStar Framework.

This slideshow requires JavaScript.

JQuery Calculator

Simple Calculator With Jquery:

  • Load the necessary jQuery library and the jQuery calculator plugin in the web page.
<script src="ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script src="calculator.js"></script>
  • Create the Html for a calculator as follows.
<div class="row">
<div class="key">1</div>
<div class="key">2</div>
<div class="key">3</div>
<div class="key last">0</div>
<div class="row">
<div class="key">4</div>
<div class="key">5</div>
<div class="key">6</div>
<div class="key last action instant">cl</div>
<div class="row">
<div class="key">7</div>
<div class="key">8</div>
<div class="key">9</div>
<div class="key last action instant">=</div>
<div class="row">
<div class="key action">+</div>
<div class="key action">-</div>
<div class="key action">x</div>
<div class="key last action">/</div>

<footer class="container">
A Simple Calculator by Imran Saeed Attari
  • Add Some Styling into your CSS File

*:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

*:before, *:after {
display: table-cell;
content: ”;

clear: both;

font-family: helvetica, arial, sans-serif;

.container {
margin: 0 auto;
width: 350px;

.calculator {
padding: 10px;
margin-top: 20px;
border-radius: 5px;
font-size: 0;

.calculator > input[type=text] {
width: 100%;
height: 50px;
border: none;
text-align: right;
font-size: 30px;
padding-right: 10px;

.calculator .row {
margin-top: 10px;

.calculator .key {
width: 78.7px;
display: inline-block;
background: radial-gradient(blue, black);
color: white;
font-size: 22px;
margin-right: 5px;
border-radius: 150px 50px 50px 150px;
height: 50px;
line-height: 50px;
text-align: center;

.calculator .key:hover{
cursor: pointer;

margin-right: 0px;

.key.action {
background-color: #646060;

footer {
font-style: italic;
padding-top: 35px;
text-align: center;
font-size: 18px;

h1, h3, h4, h5, p {
margin-bottom: 22px;

  • ┬áNow Finally setup your calculator using Java Script

var Calculator = {
runningTotal : ”,
currentVal : ”,
setCurrentVal: false,
executeAction: ”,
display: ”,
adjustTotals: function(val){
if (!this.setCurrentVal) {
this.runningTotal += val;
} else {
this.currentVal += val;
add: function(){
this.runningTotal = parseInt(this.runningTotal) + parseInt(this.currentVal);
subtract: function() {
this.runningTotal = parseInt(this.runningTotal) – parseInt(this.currentVal);
multiply: function(){
this.runningTotal = parseInt(this.runningTotal) * parseInt(this.currentVal);
divide: function(){
this.runningTotal = parseInt(this.runningTotal) / parseInt(this.currentVal);
clear: function(){
this.runningTotal = ”;
this.currentVal = ”;
this.executeAction = ”;
this.setCurrentVal = false;
this.display = ”;
resetCurrentVal: function (){
this.currentVal = ”;
calculate: function(){
this.executeAction = ”;
this.currentVal = ”;
return this.runningTotal;
getAction: function(val){
var method = ”;
switch (val) {
case ‘+’:
method = Calculator.add;
case ‘-‘:
method = Calculator.subtract;
case ‘x’:
method = Calculator.multiply;
case ‘/’:
method = Calculator.divide;

return method;
setDisplay: function(){
return this.display = this.currentVal == ” ? this.runningTotal : this.currentVal;
var onButtonPress = function (){
var that = $(this),
action = that.hasClass(‘action’),
instant = that.hasClass(‘instant’),
val = that.text();
if (!action) {
} else if(!instant) {
if (Calculator.executeAction != ”){

Calculator.executeAction = Calculator.getAction(val);
Calculator.setCurrentVal = true;
} else {
if (Calculator.executeAction != ”){

switch (val){
case ‘cl’:
method = Calculator.clear();
case ‘=’:
method = Calculator.calculate();


var refreshVal = function(){
$(‘.calculator input[type=text]’).val(Calculator.display);


Basic Animation with JQuery

<!DOCTYPE html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 var div = $("div"); 
 div.animate({left: '100px'}, "slow");
 div.animate({fontSize: '3em'}, "slow");

<button>Start Animation</button>

<div style="background:#98bf21;height:100px;width:200px;position:absolute;">Attari Web Solution</div>