deepblack

Держи:

• Dart
  
• Haxe
  
• Kotlin
  
• TypeScript
  
• CoffeeScript
  
• ClojureScript
  

Но в любом случае браузер будет выполнять JS.

Для задания начальной, конечной и промежуточных точек используется YMaps.WayPoint

• wayPointStart - опции отображения начальной путевой точки;
  
• wayPointFinish - опции отображения конечной путевой точки;
  

WayPoint наследуется от Placemark, у которого есть свойство zindex

Вот его и используйте.

function isInArray(id, arr) {
  if (arr.some(e => e.id === id)) {
    return true;
  }
  return false;
}

В settings.js parallaxMultiplier: 10

Возможно particles.js у них модифицированный немного.

$('#particles').particleground({
        dotColor: 'rgba(255, 255, 255, 0.92)',
        lineColor: 'rgba(255, 255, 255, 0.1)',
        minSpeedX: 0.1,
        maxSpeedX: 0.6,
        minSpeedY: 0.1,
        maxSpeedY: 0.6,
        lineWidth: 1,
        density: 12100, // One particle every n pixels
        curvedLines: false,
        proximity: 150, // How close two dots need to be before they join
        parallaxMultiplier: 10, // Lower the number is more extreme parallax
        particleRadius: 3, // Dot size
    });

UPD:
Там не particles.js а particleground

1.

$(window).resize(function () {
  if ($(window).width() < 576) {
    myMap.setCenter([57.767265, 40.925358]);
  }
});

2.

function myFunction(x) {
  if (x.matches) { // If media query matches
    myMap.setCenter([57.767265, 40.925358]);
  } 
}

var x = window.matchMedia("(max-width: 576px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes

https://vincentgarreau.com/particles.js/
https://github.com/VincentGarreau/particles.js/

Вариантов масса, выбирайте что больше подходит:

1. https://www.cssscript.com/pure-css-circular-percen...
   
2. jsfiddle.net/Symphony/mjza0vnx
   
3. https://github.com/afuersch/css-percentage-circle
   
4. https://bl.ocks.org/kerryrodden/766f8f6d31f645c39f...
   
5. https://codepen.io/vivazzi/pen/yEjxPV
   

<textarea autofocus maxlength="200"></textarea

Проверить есть ли в user-agent FBAN / FBAV

function isFacebookApp() {
    var ua = navigator.userAgent || navigator.vendor || window.opera;
    return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
}

FBAN = Application Name
FBAV = Application Version
FBBV = Build?
FBDV = ?Device??
FBMD = ?
FBSN = ? Obviously something to do with the OS/platoform
FBSV = ? Can it be OS version?
FBCR = Carrier
FBLC = Language code

Facebook user agent

Раз
Два

Оригинал ответа на stackoverflow

<div class="pic">
    <svg class="blur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%">
        <image filter="url(#filter2)" xlink:href="http://i.imgur.com/IGKVr8r.png" width="100%" height="100%"></image>
        <filter id="filter2">
            <feGaussianBlur stdDeviation="5" />
        </filter>
        <mask id="mask1">
            <circle cx="-50%" cy="-50%" r="30" fill="white" filter="url(#filter2)" />
        </mask>
        <image xlink:href="http://i.imgur.com/IGKVr8r.png" width="100%" height="100%" mask="url(#mask1)"></image>
    </svg>
</div>

body {
    margin: 0;
}
.pic {
    text-align: center;
    position: relative;
    height: 250px;
}
.blur {
    height: 100%;
}
.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

$('.pic').mousemove(function (event) {
    event.preventDefault();
    var upX = event.clientX;
    var upY = event.clientY;
    var mask = $('#mask1 circle')[0];
    mask.setAttribute("cy", (upY - 5) + 'px');
    mask.setAttribute("cx", upX + 'px');
});