Nikolasgrizli

browser = function ($) {
    'use strict';
    var data = [
        { str: navigator.userAgent, sub: 'Chrome', ver: 'Chrome', name: 'chrome' },
        { str: navigator.vendor, sub: 'Apple', ver: 'Version', name: 'safari' },
        { prop: window.opera, ver: 'Opera', name: 'opera' },
        { str: navigator.userAgent, sub: 'Firefox', ver: 'Firefox', name: 'firefox' },
        { str: navigator.userAgent, sub: 'MSIE', ver: 'MSIE', name: 'ie' },
        { str: navigator.userAgent, sub: 'Trident/7.0', ver: 'rv', name: 'ie' }
    ];

Nikolasgrizli

<button class="supvideo">Мне нравится!</button>
<p> Количество просмотров <output id="statlike" >--</output></p>

Nikolasgrizli

@supports (-webkit-background-clip: text) {
  .letter {
    background-image: linear-gradient(170deg, rgba(234, 234, 234, 0) 15%, rgba(234, 234, 234, 0.4) 22%, rgba(194, 73, 119, 0.9) 45%, #c24977 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-position: center -250%;
    color: transparent
  }
  .letter.-animate{
     background-position: 0% 150%;

Nikolasgrizli

Синхронизация настроек Sublime Text 3

Nikolasgrizli

<div class="main-menu-wrapper">
    <div class="container">
      <div class="mobile-menu-wrapper">
        {# trigger mobile menu #}
        <span class="mob-calls__menu"><i></i></span>

        {# mobile & desctop menu #}
        <nav class="header__nav">
          <ul class="nav">
            <span class="nav__item-description">

Nikolasgrizli

 <div class="tab-accordio__wrapper">
  <!-- heading -->
   <ul id="tab-accordion" class="nav nav-tabs d-none d-sm-flex mt-3" role="tablist">
      <li class="nav__item nav-item">
          <a role="tab" class="nav-link active show" data-toggle="tab" href="#home"
              aria-selected="true"> 
              Heading 1 
          </a>
      </li>
      <li class="nav__item nav-item">

Nikolasgrizli

var aForResize;
$(window).resize(function() {
  clearTimeout(aForResize);
  aForResize = setTimeout(function() {
    // some code
  },300);
});

Nikolasgrizli

    $(document).ready(function () {
        var $ua = navigator.userAgent;
        var $event = ($ua.match(/(iPod|iPhone|iPad)/i)) ? "touchstart" : "click";

        $(document).on($event, '.mob-menu-overlay', function (e) {
            e.stopPropagation();
            $(document).find('.side-mob-menu').removeClass('open');
            if ($ua.match(/(iPod|iPhone|iPad)/i)) {
                console.log('iPod|iPhone|iPad click');
            }

Nikolasgrizli

function number_format(str) {
    return str.replace(/(\s)+/g, '').replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ');
}

Nikolasgrizli

.font-size-fx(@min-size: 15, @max-size: 25, @min-width: 768, @max-width: 1024){
  font-size: @max-size * 1px;
  font-size: ~"calc(@{min-size}px + (@{max-size} - @{min-size}) * ((100vw - @{min-width}px) / (@{max-width} - @{min-width})))";
  @media screen and (max-width: (@min-width + 1px))  { 
    font-size: @min-size * 1px;
  }
  @media screen and (min-width: (@max-width + 1px)) {
    font-size: @max-size * 1px;
  }
}