Javascript find highest and lowest from the given inputs

function highAndLow(numbers){
// numbers = "4 5 29 54 4 0 -214 542 -64 1 -3 6 -6"
  let numbersInArr = numbers.split(' ').map(Number)
  let min = Math.min(...numbersInArr);
  let max = Math.max(...numbersInArr);
  let result = max +' '+min
  return result;
}

Javascript Jquery OS Browser detection

Javascript-Jquery

if (navigator.appVersion.indexOf("Win")!=-1){
     ff=navigator.userAgent.search("Firefox");
     if(ff>-1){
      $("#nav a").addClass('padding-right');
     }
 }
 else{
  $("#nav a").removeClass('padding-right');    
 }

CSS

body{
    font-family:arial;
}
#nav a{
    width:120px;
    height:40px;
    display:block;
    line-height:40px;
    background: #EA7A0C;
    color:#fff;
    text-align:center;
    font-size:13px;
    text-decoration: none;
}
.padding-right{
    padding-right:100px;
}

Responsive navbar collapse for single page applications

var windowWidth = $(window).width();
if(windowWidth <=767){
 collapse();
}
else{
 
}
function collapse(){
$('.navbar-collapse').click('li', function() {
  $('.navbar-collapse').collapse('hide');
 });
}

Grunt Watch Fatal error: listen EACCES and livereload

//Change the port
 connect: {
            options: {
                port: 8080,
                // change this to '0.0.0.0' to access the server from outside
                hostname: 'localhost'
            },

Fatal error: unable to find Gruntfile.

//  grunt is installed locally, as verified by
npm ls | grep grunt

Git- clone the existing github project into the local repository

// just git clone steps
git clone https://github.com/ssthil/AngularJS-Yeoman.git
// just check bower version
bower --v
1.3.3

// just check npm version
npm --v
1.3.24

// just check grunt version
grunt -version
grunt-cli v0.1.13
grunt v0.4.5

//if you are still getting error like, Fatal error: unable to find local grunt then run this
npm install grunt --save-dev

// just check ruby version
ruby -version

// just check compass version
compass -version

// npm install
npm install

// bower install
npm install -g bower

// exit from window Git Bash
exit

// bower install
npm install bower

// bower install run this command
./node_modules/bower/bin/bower install

Port 35729 is already in use by another process

This usually happens when there's another Terminal window open, it works after closing the other terminal window.

Git create new branch, pull from master and push into new branch

// first check the branch
git branch
// create a new branch [development]
git branch development
// checkout into new branch [development]
git checkout development
// pull from master 
git pull origin master
// push into new branch [development]
git push origin development

Github “Updates were rejected because the remote contains work that you do not have”

// Git: “please tell me who you are” error
git init
git config user.name "someone"
git config user.email "someone@someplace.com"
git add *
git commit -m "Initial commit"

git remote add origin //your github url
//pull those changes
git pull origin master
//now, push your work to your new repo
git push origin master

How can I upload fresh code at github?

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/username/Hello-World.git
# Creates a remote named "origin" pointing at your GitHub repository

git push origin master
# Sends your commits in the "master" branch to GitHub

Remove the reveal password eye icon

input::-ms-clear, input::-ms-reveal{ display:none; }

Checkbox checked attribute add through Jquery

HTML

Type *

Select One Multi-Tenant (Virtual)DedicatedNon Security Device

CLA

Jquery

$("#environment").each(function(){ $(this).change(function () { if ($(this).val() == "Non Security Device") { $('#cla_checkbox').prop('checked', true); } else{ $('#cla_checkbox').prop('checked', false); } }); });

Jquery textbox accept only alpha characters

HTML

Jquery

$('#alphaonly').bind('keypress', function (event) { var regex = new RegExp("^[a-zA-Z]+$"); var key = String.fromCharCode(!event.charCode ? event.which : event.charCode); if (!regex.test(key)) { event.preventDefault(); return false; } });

Browser specific hack

Chrome Hack only

@media screen and (-webkit-min-device-pixel-ratio:0) { .ar #form-wrapper { width: 330px; } }

Firefox Hack only

@-moz-document url-prefix() { .submit_btn { padding-bottom: 5px; } }

IE8 Hack

@media screen { .item { background: #000; } }

IE9 Hack

:root #nav li.last-page-item a { padding-right:8px\9; }

coloe:red\9; hack works on IE9

CSS3 Background-size

CSS3

html{ background-image: url(http://coastsidefishingclub.com/site/wp-content/themes/csf/images/bg-img.jpg); background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

keypress uppercase jquery

Jquery

$("#ctag").bind('keyup', function (e) { if (e.which >= 97 && e.which <= 122) { var newKey = e.which - 32; e.keyCode = newKey; e.charCode = newKey; } $("#ctag").val(($("#ctag").val()).toUpperCase()); });

jQuery add class based on page URL

Jquery

$(function(){ function stripTrailingSlash(str) { if(str.substr(-1) == '/') { return str.substr(0, str.length - 1); } return str; } var url = window.location.pathname; var activePage = stripTrailingSlash(url); $('#left-nav ul li a').each(function(){ var currentPage = stripTrailingSlash($(this).attr('href')); if (activePage == currentPage) { $(this).addClass('active'); } }); });

Target only Safari and Chrome with CSS

CSS

@media screen and (-webkit-min-device-pixel-ratio:0) {

#title {
color: red !important;
}
}

set margin for span tag

CSS

display:inline-block

span is an inline element, not a block element, and they don't respect margin. You can use padding or make the span display:inline-block; and then use margins.

Jquery load with fadeout effect

HTML

• Sample 1
• Sample 2
• Sample 3

Jquery

$(document).ready(function(){
  $('li a').click(function(){
   var url = $(this).attr("href");
    $('#container').fadeOut('slow', function(){
    $('#container').load(url, function(){
    $('#container').fadeIn('slow');
   });
  });
});
});