jahidHn

## ssh-copy-id mac
sudo curl https://raw.github.com/beautifulcode/ssh-copy-id-for-OSX/master/ssh-copy-id.sh -o /usr/local/bin/ssh-copy-id
sudo chmod +x /usr/local/bin/ssh-copy-id
## Copy ssh key to remote 
ssh-copy-id -i ~/.ssh/id_rsa.pub '-p portnumber username@ipaddress'

###Debuging with remote connect

ssh -vv [email protected]

jahidHn

const reviews = [
  {
    "id": 1,
    "rating": 5,
    "label": [
      "Sports",
      "Sleep"
    ],
  },

jahidHn

<?php
/*
Plugin Name: JH Industry Toolkit
Plugin URI: http://github.com/jahid284
Description: Js Indusrty toolkit 
Version: 1.0.0
Author: Jahid Hasan
Author URI: http://github.com/jahid284
License: GPLv2 or later
Text Domain: jh-industry

jahidHn

Calculating Total Word Count..

Counting Integral::Pages Word Count
Title: 105
Description: 582
Body: 12743
Total: 13430

Counting SpecialOffers Word Count
Title: 197

jahidHn

CSS3 Loading Animation

Another CSS3 loading animation

A Pen by Max on CodePen.

License.

jahidHn

Modal Animations

Most of the time these slide in or fade in - just playing with other instantiation animations.

All animations are class-driven, and are animating the exact same HTML elements.

Forked from Jesse Couch's Pen Modal Animations.

A Pen by Jahid Hasan on CodePen.

jahidHn

Modal windows

Modals with nice effects written with SASS/Compass. I divided my effects in separated SASS partials so I can exclude effects when I don't use them to reduce bloat in the compiled CSS file. Effect credits go to Codrops.

A Pen by Jeroen van Beek on CodePen.

License.

jahidHn

<div ng-app="myApp" id="container">
  
  <div class="u-wrapper u-paddingHm u-paddingTl" ng-controller="MainController as mainCtrl">

    <header class="u-marginBl u-textCenter">
      <div>
        <svg class="u-inlineBlock" width="58px" height="58px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"><g><path fill="#4CAF50" d="M3.1,27.9c0,0,10.2-24.1,11.6-27.2c0.2-0.5,0.6-0.8,1.2-0.6c0.5,0.1,0.8,0.7,1.5,2.2c1.3,2.9,18,37.2,18.7,38.6c0.8,1.6,1,2.6,0.7,3.4c-0.3,0.6-1,1.1-1.8,1.4c-2.3,0.9-20.3,7.8-21.5,8.3c-0.7,0.3-0.8-0.4-1.4-1.7C11.6,51,3.7,32.1,3.1,30.7C2.5,29.3,3.1,27.9,3.1,27.9z"/><path fill="#2196F3" d="M50.9,17.3c-0.3-0.3-0.4-0.4-0.7-0.2c-0.3,0.1-11.5,8.6-16.8,12.5c2.7,5.5,4.7,9.7,5,10.2c0.4,0.8,0.8,1.7,1,2.6c0.1-0.2,0.2-0.3,0.3-0.5c0.9-1.8,11.3-23.4,11.5-23.8C51.3,17.7,51.2,17.7,50.9,17.3z"/></g></svg>
        <h2 class="u-marginTs">vModal</h2>
      </div>

jahidHn

Responsive Modal Design

Material Design inspired modals. No jQuery required. Responsive. Read the how to on Ettrics.com

A Pen by Ettrics on CodePen.

License.

jahidHn

<div class="messagepop pop">
  <form method="post" id="new_message" action="/messages">
    <p><label for="email">Your email or name</label><input type="text" size="30" name="email" id="email" /></p>
    <p><label for="body">Message</label><textarea rows="6" name="body" id="body" cols="35"></textarea></p>
    <p><input type="submit" value="Send Message" name="commit" id="message_submit"/> or <a class="close" href="/">Cancel</a></p>
  </form>
</div>

<a href="/contact" id="contact">Contact Us</a>