Skip to content

Instantly share code, notes, and snippets.

View Juni4567's full-sized avatar

Junaid Anwar Juni4567

4 followers · 9 following
View GitHub Profile
@Juni4567
Juni4567 / icons.less
Last active December 11, 2015 10:25
This is a small file that uses less css for loop to create multiple icons style
@icons: 'cardboard','chevron-left','chevron-right','expand','image','mail','pencil','qoute-left','mouse-pointer';
.icon {
width:20px;
height:20px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
.for(@icons); .-each(@icon) {
@Juni4567
Juni4567 / Things that Excites me most and least
Last active February 1, 2016 21:13
Things that excites me most!
1. Make Zap templates to help showcase the thousands of ways customers can use Zapier
2. Work with the product team to develop a new feature based on feedback from customers
3. Respond to Zapier fans on Twitter, Facebook, Reddit, and other 3rd party sites
4. Work with people to figure out if Zapier can solve a particular workflow or integration challenge they have
5. Find and recruit teammates for the support team
Things that excites me Least!
Write and maintain thousands of pages of help documentation
@Juni4567
Juni4567 / wp-multi-level-navigation.css
Last active February 12, 2016 09:28
A simple css code that makes your wordpress navigation to support multilevel navigation with dropdown sub menus
/* This is just a simple block of code but if you want to see more explaination
pleae visit my blog at http://gamier.blogspot.com/2016/02/how-to-make-wordpress-multi-level.html
*/
.menu-item-has-children > .sub-menu {
display: none;
color:#fff;
position: relative;
z-index: 100;
}
@Juni4567
Juni4567 / Javascript Sort an array based on importance given as an object
Created March 23, 2019 16:10
How to sort emails array with JavaScript based on given importance object as number
function emailSort(a, b) {
const importance = {"gmail.com": 1, "yahoo.com": 2, "rocketmail.com": 3, "ymail.com": 4};
const importanceOfA = importance[a.split('@')[1]];
const importanceOfB = importance[b.split('@')[1]];
if (importanceOfA && !importanceOfB) return -1;
if (importanceOfB && !importanceOfA) return 1;
if (importanceOfA && importanceOfB) return importanceOfA - importanceOfB;
@Juni4567
Juni4567 / technews blogger template.xml
Created April 12, 2019 21:41
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head><!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3382421118-ieretrofit.js"></script>
<![endif]-->
<meta charset='utf-8'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<link href='//fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:400,700,500,700italic,500italic,400italic|Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=Exo%3A400%2C700%2C800%7CRoboto%3A400%2C700%26subset%3Dlatin%2Clatin-ext&amp;ver=1.0.0' id='fonts-css' media='all' rel='stylesheet' type='text/css'/>
@Juni4567
Juni4567 / Bootstrap open another modal popup from one modal popup and on closing the second modal show the previous one
Created May 26, 2016 18:16
1. Open first popup
2. click a button inside that popup
- save the current popup somewhere and close it
- show the login popup
- on clicking close button on login popup show the previous popup back
Solution:
1. Add a custom class to the "modal" & name it : "saveState"