Виталий Инчин ☢

Все никак плагин не напишу, времени не хватает. Вот простенько:

Сам скрипт: in4in.esy.es/resourses/js/hSpy.js
Пример: in4in.esy.es/landing.html

В конце скрипта пример использования:

jQuery("#start_menu").children().hSpy( 
	jQuery("body > section"), "current", false
);

$menu_items.hSpy( 
	$targets, class, bool
);

//$menu_items - jQuery объект элементов меню, которые будут выделяться
//$targets - jQuery объект "определенных разделов"
//class - активному пункту меню будет ставиться этот класс
//bool - если true, то когда на экране не видно не 1 раздела, то не выделено не 1 пункта меню Иначе - ближайший.

----------------------------------------------------------------------
UPD: Ну вот, теперь страничка плагина будет тут.
----------------------------------------------------------------------

Как вариант: Взять круглый блок, добавить обводку и clip, повернуть на нужный градус. Будет похоже, но не слишком: https://jsfiddle.net/aengs4w8/

Надпись About Us имеет белый фон и спозиционирована абсолютно. Блок с текстом имеет обводку.

Примеррр: https://jsfiddle.net/86x1x7js/1/

document.querySelector(".minimenu").onchange = function(){
  location.assign(this.value);
}

<select class="minimenu">
   <option value="http://google.com">Гугл</option> 
   <option value="http://ya.ru">Яндек</option>
   <option value="http://vk.com">Вконтакте</option>
   <option value="http://mail.ru">MailRu</option>
</select>

Но, зачем?

Не совсем понял что требуется, но иммитация insert такова:

input.oninput = function(){
   var 
      selBegin = this.selectionStart,
      val = this.value;
   ;
   
   if(
       selBegin == this.selectionEnd &&
       selBegin != val.length
   ){
       this.value = val.substr(0, selBegin) + val.slice(selBegin + 1);
       this.selectionStart = this.selectionEnd = selBegin;
   }
}

jsfiddle.net/In4in/cq0shbae

Да хоть так: jsfiddle.net/In4in/nyh539zp

Как добавить и удалить класс при сколле?

За место ховера - класс.

#axis.transform .move-right{
    transform: translate(350px,0);
}

classPoint(axis, "transform");

И почитайте на досуге про автопрефиксер.

document.title = products[0].Name;

А что в вашем понятии означает "вредоносная", каким образом это будет определяться? Черный список? Белый?

Можно реализовать через JS + Ajax, но это будет не совсем правильно - нормальный вариант, это заменить ссылки (http://href.ru/) на вид типа /away.php?href=http://href.ru/ и уже через PHP проверять на наличие $_GET['href'] в том или ином списке и переадресовывать в случае удачи, выводить сообщение-предупреждение при провале.

Примерно то же можно реализовать через httpaccess, что будет проще. То есть, просто переадресовывать все внешние ссылки на проверяющий PHP скрипт.

.fix{
   transition: opacity 1s ease;
   opacity: 0;
}

.fix.active{
   opacity: 1;
}

$(document).ready(function(){
   var $window = $(window), $fix = $(".fix");

   $window.scroll(function(){
      var curScroll = $window.scrollTop(); 
      var keyPoint = $fix.offset().top - $window.height() / 2;

      $fix.toggleClass("active", curScroll >= keyPoint);
   });
});

Логика очень простая. В javascript имена не могут содержать ничего, кроме _, букв и $. Так сложилось, что вещи, которые в «обычной природе» мы пишем через тире (оно же дефис, черточка и минус) (некоторые CSS свойства, HTML атрибуты), тут нужно писать по правилу -ab-cd = AbCd, то есть, отбрасывать тире, а букву, следующую за ним, возводить в верхний регистр.

Примеры:
border-width - borderWidth,
-moz-transform - MozTransform,
data-tag-for-title - dataset.tagForTitle.

var arr = [1, 2, 3];

var toHTML = "<h1>" + arr.join(" </h1><h1>") + "</h1>";

alert(toHTML);

Или, может быть, красивее так:

arr.map(function(h){
   return "<h1>" + h + " </h1>";
}).join("");